为什么不鼓励通过全局属性访问 DOM 元素？

全局属性和具有 ID 的 DOM 树元素

在 Internet Explorer 和 Chrome 等 Web 浏览器中，可以通过全局对象访问 DOM 树中具有指定 ID 的元素使用它们的 ID 作为变量名或窗口对象的属性。例如，可以使用以下方式获取 ID 为“example”的元素：

alert(example.innerHTML); // Alerts "some text".

或

alert(window["example"].innerHTML); // Alerts "some text".

但是，由于多种原因，不鼓励这种行为：

• 与本机属性冲突：命名元素成为文档对象的属性，这可能与它的属性冲突实际属性。 IE 还通过添加命名元素作为窗口对象的属性来进一步加剧这种情况，这可能会与现有成员发生冲突。
• 全局范围可见性： 这些元素作为类似全局的变量可见。虽然真正的全局变量会在代码中隐藏它们，但在对具有冲突名称的全局变量进行赋值时省略 var 声明可能会无意中更改元素的值。
• 缺乏跨浏览器的支持：仅 IE、Chrome ，而 Opera 最初支持这种行为，导致它在不同平台上不一致。
• 弃用HTML5： HTML5 规范已标准化此行为，并将其扩展到 Firefox。然而，依赖在窗口上可见或作为全局变量的命名元素仍然被认为是不好的做法。

相反，最好使用标准化的 getElementById 方法从 DOM 树中检索元素，如下所示它得到广泛支持并且不那么含糊。

以上是为什么不鼓励通过全局属性访问 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！