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

Question

当你在html中给某个标签定义了id, 在window环境中就可以直接通过id的值引用这个DOM元素。 举个列子:<div id="demo"></div>如果你还没有用demo当作占位符，那么你的window.demo就引用了这个div,可以在控制台中这样测试：demo.appendChild(document.createTextNode('hello'));我很好奇里面的关系，有人可以讲讲吗