DOM树结构

DOM树结构是指根据HTML、XML或XHTML文档的层次结构对文档进行组织和表示的一种树形结构。 它将整个文档表示为一个由节点（nodes）组成的层次结构，每个节点都代表文档中的一个元素、属性、文本或注释。

DOM树的根节点是整个文档的表示节点。 文档会按照从上到下的顺序被解析，构建出一个树状的结构。 节点之间通过父子关系连接起来，父节点是子节点的直接上级，子节点是父节点的直接下级。

DOM树中的每个元素都被表示为一个元素节点，如div、p、a等。元素节点可以包含其他元素节点、文本节点或其他类型的节点。文本节点用于表示元素之间的文本内容，而属性节点用于表示元素的属性。

DOM树结构的层次性使得我们可以方便地对文档进行操作和访问。 通过DOM树结构，开发者可以使用各种方法和属性来定位、操纵和修改文档中的特定节点，以实现对HTML、XML或XHTML文档的动态更新和交互。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c4806023172848d9adaaa16ad86b2dfa