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

时间:2014-10-19 23:20:00

标签: javascript jquery html css

我不知道在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 =&#34; PAT.TID&#34;的div,我该怎么做

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

这里我在chrome浏览器控制台中有一个null对象

我如何选择使用纯javascript在id元素中包含wildchar? (如querySelector)

2 个答案:

答案 0 :(得分:7)

在JavaScript中,字符串文字'#PAT\.TID'相当于'#PAT.TID'。你需要为JavaScript转义一次,一次转换为CSS:

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

不,除了让其他人的生活变得悲惨之外,没有必要这样做。

答案 1 :(得分:0)

id属性值中使用句点没有一般技术上的好处。 id属性只是一个已分配的标识符,其中没有任何字符具有任何特殊含义或效果(除了不允许使用空格)。

但一直允许一段时间。

某些页面或网站在标识符中使用句点的原因只能通过调查其内部结构和逻辑及其与其他软件的交互以及可能的设计者和编码人员的思想来找到。

这不是一个接口事物(即必须使用与某些现有软件相同的标识符,因为id属性通常是页面的内部属性。但是,有可能从某些外部数据中复制了标识符,而没有考虑其含义。

id="PAT.ID"也可能是避免id属性值不能包含空格的限制的一种方法。所以也许他们想写"PAT ID",意识到它无效,并选择"PAT.ID"而不是"PAT_ID""PAT-ID"

另一个问题(未在问题标题中反映出来)在@ minitech的回答中得到了恰当的解决。