javascript - 根据id标识符访问HTML元素

Question

这个问题已经有答案了:

Do DOM tree elements with IDs become global properties? (6 个回答)

已关闭 9 年前。

我正在使用 javascript，但我不明白这个小片段是如何工作的:

html > <div id="foo_bar"></div>

javascript > foo_bar.textContent = "Hello, world!";

结果> <div id="foo_bar">Hello, world!</div>

foo_bar 不是代码中之前定义的变量。我的 javascript 代码中只有这一行。
检查 jsFiddle 演示:http://jsfiddle.net/6W25e/

那么到底发生了什么？
我一直认为如果没有像 element.getElementById() 这样的 dom 方法，就不可能访问 dom 元素。有关于这种行为的任何文档吗？ (我在mdn上搜索没有成功)

Answer 1

取自bobInce

应该发生的情况是“命名元素”被添加为文档对象的明显属性。这是一个非常糟糕的主意，因为它允许元素名称与文档的实际属性发生冲突。

IE 还添加命名元素作为 window 对象的属性，从而使情况变得更糟。这是双重糟糕的，因为现在您必须避免在您可能想要使用的文档或窗口对象(或项目中的任何其他库代码)的任何成员之后命名元素。

了解更多:Do DOM tree elements with ids become global variables?

这意味着这样做是非常糟糕的做法，并且某些浏览器不支持它，好的浏览器不会陷入困境。

发生的情况是，某些浏览器会将它们作为窗口类的全局变量，以便在窗口加载时立即访问它们。