javascript - 在 html 元素的 id 中插入点或句点的目的是什么

Question

我不知道在 html 元素的 id 中插入点或句点的目的是什么，我们在任何编码语言中都可以获得额外的好处吗？

<div id="PAT.TID" class="lineHeight frmData">Headset,  e.g. Bluetooth headset,  for mobile device has configuration logic which configures headset based on sensor data indicating whether headset is being worn by user</div>

我想选择 id="PAT.TID"的 div，我该怎么做

document.querySelector('#PAT\.TID')

我在 chrome 浏览器控制台中得到了一个 null 对象

我如何使用纯 javascript 选择像 id 元素中包含的通配符？ (如查询选择器)

Answer 1

在 JavaScript 中，字符串文字 '#PAT\.TID' 等同于 '#PAT.TID'。你需要为 JavaScript 转义一次，为 CSS 转义一次:

document.querySelector('#PAT\\.TID')

不，除了让其他人生活痛苦之外，这样做没有任何意义。