HTML 元素 ID 的全域變數存取
出現了有關透過全域變數存取 HTML 元素 ID 的適當處理的問題。在給定的範例中，Chrome 允許透過 a.stuff() 直接存取 ID 為「a」的元素，而 Firefox 則需要使用 document.getElementById('a')。
規範
HTML4 規範沒有明確概述此行為。然而，它也不禁止將元素 ID 放入全域變數的做法。 WHATWG HTML 規範目前強制執行此行為，將元素 ID 的全域存取視為遺留問題或相容性問題。
實作
主要瀏覽器，包括 Chrome 和 Firefox（在怪異模式），出於相容性原因採用了此行為。然而，Firefox 也允許在嚴格模式下透過全域變數直接存取元素，但其實作可能不可靠。
歧義
當全域變數 a 和存在 ID 為「a」的 HTML 元素，其行為取決於執行上下文。在大多數情況下，JavaScript 會將全域變數 a 優先於 HTML 元素。然而，由於潛在的衝突和命名空間污染，使用全域變數作為元素 ID 通常不受歡迎。
HTML ID 中的特殊字元
HTML ID 可以包含連字號(- )、冒號(:) 和句點(.)，這些字元不能在JavaScript 中標識符中使用。要透過全域變數存取這些元素，瀏覽器會翻譯它們。例如，ID為「foo-bar」的元素可以透過全域變數foo-bar來存取。
結論
雖然將元素ID設為全域的做法變數具有歷史支持，但 HTML4 規範中並沒有明確指定。 WHATWG HTML 規範要求這種行為，但建議使用 document.getElementById() 或其他方法來存取元素。由於與全域命名空間中的其他變數的混淆和潛在衝突，應避免對元素 ID 使用全域變數。
以上是為什麼有時可以在 JavaScript 中直接存取 HTML 元素 ID 作為全域變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
