救命，我的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值。

任何字符串，具有以下限制：

必须至少有一个字符长不得包含任何空格字符：U+0020空格U+0009字符表（选项卡）U+000A管线进料（LF）U+000C模板进料（FF）U+000D回车（CR）

使用ASCII字母和数字以外的字符，“_”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许这些问题。虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

字母表→ 大写和小写

数字→ 0-9

特殊字符→ ':', '-', '_', '.'

格式应以“.”开头或字母表，后跟更多字母或数字的特殊字符。id字段的值不能以“_”结尾。

此外，不允许空格，如果提供了空格，它们将被视为不同的值，这在id属性的情况下是无效的。

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

例如：

HTML

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

CSS

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

jQuery不处理任何有效的ID名称。你只需要转义元字符（例如，点、分号、方括号…）

var name = 'O'Hara';

jQuery API中的选择器（请参见底部注释）

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”。最好避免混淆，远离使用。和：总计。