为什么给html标签定义了id，就可以在js中（浏览器环境）直接通过id引用这个dom元素？

Question

当你在html中给某个标签定义了id, 在window环境中就可以直接通过id的值引用这个DOM元素。

举个列子:

<div id="demo"></div>

如果你还没有用demo当作占位符，那么你的window.demo就引用了这个div,可以在控制台中这样测试：

demo.appendChild(document.createTextNode('hello'));

我很好奇里面的关系，有人可以讲讲吗