DOM节点

发布时间 2023-08-29 09:46:57作者: 小张的开发笔记

DOM节点是指在文档对象模型(Document Object Model)中的一个元素或节点。DOM节点表示HTML或XML文档中的每个元素、属性、文本等。

DOM节点可以分为几种不同类型:

元素节点(Element Node):代表HTML或XML文档中的标签元素,如<div>、<p>等。

文本节点(Text Node):代表元素节点内的文本内容,如<p>Hello World</p>中的"Hello World"就是文本节点。

属性节点(Attribute Node):代表元素节点的属性,如“<a href="https://example.com">Link</a>”中的"href"就是属性节点。

注释节点(Comment Node):代表HTML或XML文档中的注释,如“<!-- This is a comment -->”中的"This is a comment"就是注释节点。

文档节点(Document Node):代表整个HTML或XML文档的根节点。

DOM节点之间可能存在父子关系和兄弟关系,通过这些关系,我们可以遍历和操作DOM树中的节点。

例如,以下是一个HTML文档的DOM结构示例:

html

DOM节点示例

Welcome to DOM

This is a paragraph.

  • List item 1
  • List item 2
  • List item 3
在这个示例中,整个文档的根节点是文档节点(Document Node),它有一个子节点元素节点(Element Node)。元素节点又有两个子节点:元素节点和元素节点。元素节点和元素节点分别有自己的子节点和文本节点。

通过DOM节点,我们可以使用JavaScript或其他编程语言来访问、修改、添加或删除HTML或XML文档的内容和结构。