querySelectorAll 是否支持 id 中的句点（.）字符？
我的意思是，如果我添加如下元素：
var div = document.createElement('div');
div.id='my.divid';
document.body.appendChild(div);
然后我使用 querySelectorAll 如下：
document.querySelectorAll('#my.divid');
那我什么都得不到！
所以句号是id的合法字符，querySelectorAll是Firefox官方提供的方法；我不敢相信该方法不支持 id 中的句点（。）。我是不是搞错了？
【问题讨论】：
标签： javascript css-selectors selectors-api
你需要记住.代表一个类选择器，所以选择器#my.divid代表一个ID为my的元素和一个类divid，不是一个带有编号my.divid。因此，您的选择器将匹配以下元素：
var div = document.createElement('div');
div.id = 'my';
div.className = 'divid';
document.body.appendChild(div);
如果您需要选择上面给出的 ID 为 my.divid 的元素，则需要转义句点：
document.querySelectorAll('#my\\.divid');
注意，双反斜杠是因为它是一个 JS 选择器字符串；在 CSS 规则中，您将使用单个反斜杠：#my\.divid
【讨论】：
querySelectorAll 中的句点表示您正在指定一个 css 类。在您的情况下，querySelectorAll 试图找出一个带有 id “my” 并且具有 css 类“divid”的 DOM 元素。 querySelectorAll 怎么会知道这次你想要的是 id 而不是 class 的元素？由您决定是否拥有适当的id 属性，以免混淆该方法。虽然允许使用句点，但最好的做法是在大多数情况下避免使用它，以免混淆 jquery 等其他库。
【讨论】：
querySelector("#abc\\.test");