HTML中DOM节点的示例分析-创新互联

小编给大家分享一下HTML中DOM节点的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的江岸网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

　　在HTML DOM中，所有事物都是节点。DOM是被视为节点树的HTML。

　　DOM节点

　　根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点：

　　整个文档是一个文档节点

　　每个HTML元素是元素节点

　　HTML元素内的文本是文本节点

　　每个HTML属性是属性节点

　　注释是注释节点

　　HTML DOM节点树

　　HTML DOM将HTML文档视作树结构。这种结构被称为节点树：

　　HTML DOM Tree实例

　　通过HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有HTML元素(节点)均可被修改，也可以创建或删除节点。

　　节点父、子和同胞

　　节点树中的节点彼此拥有层级关系。

　　父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。

　　在节点树中，顶端节点被称为根(root)

　　每个节点都有父节点、除了根(它没有父节点)

　　一个节点可拥有任意数量的子

　　同胞是拥有相同父节点的节点

　　下面的图片展示了节点树的一部分，以及节点之间的关系：

　　请看下面的 HTML 片段：

　　

　　

　　

　　

　　

　　

DOM 第一课

　　

Hello world!

　　

　　

　　从上面的 HTML 中：

　　 节点没有父节点;它是根节点

　　 和  的父节点是  节点

　　文本节点 "Hello world!" 的父节点是 

 节点

　　并且：

　　 节点拥有两个子节点： 和 

　　 节点拥有一个子节点：，元素节点