與重複 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")