為什麼有時可以在 JavaScript 中直接存取 HTML 元素 ID 作為全域變數？

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中文網其他相關文章！