var element = document.getElementById(id);

因为Id具有唯一性,所以这个方法用来查找页面中的某一个元素。

无Id元素的查找可以使用CSS选择器 querySelector()

参数 id
大小写敏感的字符串,指代被查找元素

返回值 elemnt
一个DOM中匹配id的Element对象。未查找到此id的Element时,返回null。

注意

  1. getElementById()只能以document.getElementById()的方式调用,而不能作为DOM中其他元素的方法。这是因为id在全局页面的唯一性,所以作为document中的部分局部元素不需要存在这个函数。
  2. getElementById()只能查找在文档中的元素,而只是在js中创建,但是没有被加入至文档的元素不可以被获取。
var element = document.createElement("div");
element.id = 'testqq';
var el = document.getElementById('testqq'); // el 是个 null

参考MDN文档

document对象
当浏览器加载完毕html文档后,将会创建一个document对象。这个对象是逻辑树中的Document节点,实现了HTML的Document接口。这个对象包含了整个html文档的信息,可以通过这个对象对html页面中的所有元素进行访问和操作,

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐