HTML的标签在DOM中都是一个个节点,而这些节点组成了DOM的整体结构——节点树。
DOM的结构与家谱的结构极其相似。
我们将这个结构称之为“节点树”。例如如下的HTML:
<html> <head> <title>HTML DOM</title> </head> <body> <h1>DOM的结构</h1> <p><a href="href">链接</a></p> </body>
</html>
它的DOM结构如下:
节点
- 由结构图中我们可以看到,整个文档就是一个文档节点。
- 而每一个HMTL标签都是一个元素节点。
- 标签中的文字则是文字节点。
- 标签的属性是属性节点。
- 一切都是节点……
节点树
节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……