救命，我的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”）帮助我更快地创建原型；我不在生产中使用它。

HTML5：

它消除了对id属性的额外限制（请参见此处）。剩下的唯一要求（除了文件中的唯一要求）是：

该值必须至少包含一个字符（不能为空）它不能包含任何空格字符。

HTML5之前：

ID应匹配：

[A-Za-z][-A-Za-z0-9_:.]*

必须以A-Z或A-Z字符开头可以包含-（连字符）、_（下划线）、：（冒号）和。（期间）

但我们应该避免：和。因为：

例如，一个ID可以被标记为“a.b:c”，并在样式表中被引用为#a.b:cc，但除了作为元素的ID之外，它还可以表示ID“a”、类“b”、伪选择器“c”。最好避免混淆，远离使用。和：总计。

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

它用于HTML5。。。

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

此外，永远不要忘记ID是唯一的。一旦使用，ID值可能不会再次出现在文档中的任何位置。

您可能有许多ID，但所有ID都必须具有唯一的值。

另一方面，还有class元素。就像ID一样，它可以出现多次，但值可能会被反复使用。

HTML5

请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。

HTML5中关于ID内容的规则是（除了唯一性之外）：

此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

这是关于ID的W3规范（来自MDN）：

任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。

更多信息：

W3-全局属性（id）MDN属性（id）

从技术上讲，可以在id/name属性中使用冒号和句点，但我强烈建议避免两者。

在CSS（以及jQuery等几个JavaScript库）中，句点和冒号都有特殊含义，如果不小心就会遇到问题。句点是类选择器，冒号是伪选择器（例如，当鼠标悬停在元素上时，元素的“：hover”）。

如果给元素id为“my.ccool:thing”，则CSS选择器将如下所示：

#my.cool:thing { ... /* some rules */ ... }

也就是说，在CSS中，“id为‘my’的元素、‘cool’类和‘thing’伪选择器”。

任何大小写、数字、下划线和连字符都要使用A-Z。如上所述，确保您的ID是唯一的。

这应该是你最关心的问题。