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