节点的分类、属性、获取方案和操作

最新推荐文章于 2023-12-07 20:30:23 发布

欧阳兰花

最新推荐文章于 2023-12-07 20:30:23 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/ZNdcsdn/article/details/118754242

版权

本文介绍了DOM技术，强调了DOM树的概念及其在HTML解析中的作用。文章详细阐述了节点的五种分类，包括document、标签节点、属性节点、文本节点和注释节点，并详细说明了每个节点的固有属性——nodeName、nodeValue和nodeType。同时，文章讨论了如何通过导航属性和document的方法获取标签节点，如getElementById、getElementsByTagName等。最后，概述了对节点进行创建、添加、删除、克隆和替换的操作方法。

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

1.DOM技术： document object model 文档对象模型。文档对象就是document，此对象是DOM中的顶级对象。在这个模型中
最重要的就是概念DOM树。就是说浏览器在加载一个html文档进内存中，将html文档形成一个DOM树。
在DOM树上，所有的成分都称为节点。所有的节点之间就形成了两种关系。兄弟和父子。

2. 节点的分类： 5种节点：
document : 代表的是文档本身。
标签节点：代表的就是html标签对象
属性节点：代表的就是html标签的属性。
文本节点： html中的所有文本就是文本节点
注释节点：指的就是注释。

3. 节点有三个固有属性：
nodeName: 节点的名称. 标签节点的nodeName就是标签名，文本节点的nodeName永远都是#text
nodeValue: 节点的值标签节点的nodeValue是null, 文本节点的nodeValue就是文本字符串
nodeType: 节点的类型标签节点的nodeType是1，文本节点的nodeType 是3

4. 获取标签节点的两种方案：
a. 通过导航属性获取(属性)
parentNode : 父节点
childNodes : 所有的子节点(数组)
firstChild: 大儿子