与重复 ID 相关的问题

拥有多个具有相同 ID 的元素是一个难以解决的问题。HTML 解析器通常会尝试在任何情况下呈现页面。通常不会发生错误。但速度可能最终会出现在一个行为不当的网页上。

在这个例子中:

<div id="aDiv">a</div>
<div id="aDiv">b</div>

CSS 选择器仍然有效

#aDiv {
    color: red;
}

但 JavaScript 无法处理这两个元素:

var html = document.getElementById("aDiv").innerHTML;

在这种情况下,html 变量仅承载第一个 div 内容 ("a")