DOM基本操作、节点树和元素节点树

最新推荐文章于 2022-11-13 09:04:33 发布

土、拨鼠

最新推荐文章于 2022-11-13 09:04:33 发布

阅读量398

点赞数

分类专栏：笔记文章标签： javascript dom操作

本文链接：https://blog.csdn.net/hell_orld/article/details/115029105

版权

本文介绍了DOM的基本概念，包括DOM是网页的标准模型，由W3C制定，允许JavaScript操作网页对象。详细讲解了DOM的基本操作，如getElementById、getElementByClassName等方法，以及querySelector和querySelectorAll的选择器功能。还探讨了节点树的概念，如parentNode、childNodes等，区分了不同类型的节点。最后，阐述了元素节点树的相关属性，如parentElement、children等，帮助理解元素之间的关系。

摘要由CSDN通过智能技术生成

DOM基本操作、节点树和元素节点树

DOM含义

DOM是网页中用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行操作，是由万维网联盟W3C组织制定的标准编程接口。文档对象模型（Document Object Model，简称DOM）

DOM基本操作

Document代表整个文档
查看元素节点的操作有：
getElementById()：通过元素id获取，在ie8以下的浏览器不区分大小写，并且能匹配到name属性的元素，除了这个Element不加s，其它都有s。
getElementByClassName() ：通过类名获取
getElementsByTagName()：通过标签名获取
querySelector()：返回文档中匹配指定 CSS 选择器的一个元素
querySelectorAll()：返回文档中匹配指定 CSS 选择器的全部元素
querySelector()和querySelectorAll()的优点是可以根据css选择器来写，缺点不是实时的，就是获取后，不会随着页面改变而改变。
例子：