最简单的DOM树结构模型

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件。DOM可以看作是以层次结构组织的节点或者信息的组合。该层次结构允许开发人员在树种导航寻找特定信息,所以通常被认为是基于树的。
        D:文档 – html 文档 或 xml 文档
        O:对象 – document 对象的属性和方法
        M:模型 
 DOM 是针对xml(html)的基于树的API。
 DOM树:节点(node)的层次。
 DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
 DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面 

     由于其良好的层次结构,可以把DOM的表达式看作是一颗导航树。因此其中用到的术语跟树数据结构所使用的术语如“父”、“子”、“兄弟”等很类似。与其不同之在于文档从一个独立的根节点开始,其包含指向子节点的指针。每一个子节点都包含指针指向它的父节点、相邻节点和子节点。DOM还使用了一些特殊的术语来描述树里的对象种类。DOM树中的每个对象都是一个节点,每个节点有一个类型,如元素、文本或者文档。例如一个html文件

01 <html>
02      <head>
03            <title>最简单的DOM树结构模型</title>
04      </head>
05      <body>
06            <h1>DOM树结构</h1>
07            <p>
08                <a href="dom.html">DOM树结构模型</a>
09            </p>
10      </body>
11 </html>
这个html文件用DOM树对其进行描述如图:



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值