当前位置:迅思科资讯网文章中心网页编程HTML/CSS技术 → 文章内容

DOM的结构

减小字体 增大字体 收藏到QQ书签 作者:佚名  来源:本站整理  发布时间:2008-6-20 16:31:19

DOM的结构与家谱的结构极其相似。

DOM_家谱

我们将这个结构称之为“节点树”。例如如下的HTML:

<html>
   <head>
   <title>HTML DOM</title>
   </head>
   <body>
   <h1>DOM的结构</h1>
   <p><a href="href">链接</a></p>
   </body>
</html>

它的DOM结构如下:

DOM节点树

节点

  • 由结构图中我们可以看到,整个文档就是一个文档节点。
  • 而每一个HMTL标签都是一个元素节点。
  • 标签中的文字则是文字节点。
  • 标签的属性是属性节点。
  • 一切都是节点……

节点树

节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……