最简单的DOM树结构模型

最新推荐文章于 2024-09-10 10:21:32 发布

yuhan20081021

最新推荐文章于 2024-09-10 10:21:32 发布

阅读量2k

点赞数

分类专栏： DOM

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/yuhan20081021/article/details/9005061

版权

DOM 专栏收录该内容

2 篇文章

订阅专栏

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文件：

 
<html>
 

 
     <head>
 

 
           <title>最简单的DOM树结构模型</title>
 

 
     </head>
 

 
     <body>
 

 
           <h1>DOM树结构</h1>
 

<p>

 
               <a href="dom.html">DOM树结构模型</a>
 

 
           </p>
 

 
     </body>
 

 
</html>
 

这个html文件用DOM树对其进行描述如图：

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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