救命，我的Javascript坏了！

每个人都说ID不能重复。

在除FireFox之外的所有浏览器中都试用过

<div id=“ONE”></div><div id=“ONE”></div><div id=“ONE”></div><脚本>document.body.append（document.querySelectorAll（“#ONE”）.length，'DIV！'）document.body.append（'in'，typeofONE）console.log（一）；//全局变量！！</script>

解释

在世纪之交，微软拥有90%的浏览器市场份额，

并实施从未标准化的浏览器行为：

1.为每个ID创建全局变量

2.为重复ID创建数组

所有后来的浏览器供应商都复制了这种行为，否则他们的浏览器将不支持旧网站。

2015年左右，Mozilla删除了2。来自FireFox和1。仍然有效。

所有其他浏览器仍然支持1。和2。

我每天都使用它，因为键入ONE而不是document.querySelector（“#ONE”）帮助我更快地创建原型；我不在生产中使用它。

实际上，许多网站使用以数字开头的id属性，尽管这在技术上是无效的HTML。

HTML5草案规范放宽了id和name属性的规则：它们现在只是不透明的字符串，不能包含空格。

从HTML 4规范。。。

ID和NAME标记必须以字母（[a-Za-z]）开头，后面可以是任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“_”）、冒号（“：”）和句点（“.”）。

墙可以是：[a-z]、[a-z]、[0-9]、[*_：-]

它用于HTML5。。。

我们可以用任何标签添加id。

HTML格式

ID应以｛A-Z｝或｛A-Z｝开头。您可以添加数字、句点、连字符、下划线和冒号。

例如：

<span id="testID2"></span>
<span id="test-ID2"></span>
<span id="test_ID2"></span>
<span id="test:ID2"></span>
<span id="test.ID2"></span>

但是，即使您可以使用冒号（：）或句点（.）创建ID。CSS很难将这些ID用作选择器。主要是当您想要使用伪元素（：before和：after）时。

在JavaScript中，也很难选择这些ID。因此，您应该使用前四个ID作为许多开发人员的首选方式，如果有必要，您也可以使用后两个ID。

要引用带句点的id，需要使用反斜杠。我不确定连字符或下划线是否相同。

例如：

HTML

<div id="maintenance.instrumentNumber">############0218</div>

CSS

#maintenance\.instrumentNumber{word-wrap:break-word;}