javascript - 为什么给html标签定义了id,就可以在js中(浏览器环境)直接通过id引用这个dom元素?
本文介绍了javascript - 为什么给html标签定义了id,就可以在js中(浏览器环境)直接通过id引用这个dom元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
当你在html中给某个标签定义了id, 在window环境中就可以直接通过id的值引用这个DOM元素。
举个列子:
<div id="demo"></div>
如果你还没有用demo当作占位符,那么你的window.demo就引用了这个div,可以在控制台中这样测试:
demo.appendChild(document.createTextNode('hello'));
我很好奇里面的关系,有人可以讲讲吗
解决方案
当一个元素加上ID时,ID的值就成了window对象的属性名称
<div id='foo'></div>
此时就生成了一个window.foo全局变量,你可以给它赋值等操作,比如:
foo=111;
console.log(foo);
但是,不要使用这种写法,兼容性极差,而且容易污染全局,造成各种冲突和错误
这篇关于javascript - 为什么给html标签定义了id,就可以在js中(浏览器环境)直接通过id引用这个dom元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文