html dom树的结构图,什么是DOM对象?DOM树形结构介绍

JavaScript中，经常需要操作DOM。所谓DOM指的是文档对象模型(Document Object Model)。它提供了对文档结构化的描述，并将HTML页面与脚本、程序语言联系起来。

为了大家更好地理解，下面演示-段HTML代码以及其对应的DOM树形结构图，如下所示。

测试

标题

<1i>

链接

1i>

上述代码中，层层嵌套的HTML标签就是一个类似树形的DOM文档。其中，最外面的一层是标签，标签中嵌套着标签和标签，而这两个标签中也会嵌套其他标签，这样一层层的延伸很像一棵倒着的树。

对应上述HTML代码的DOM树形结构如下图所示。

上图中，所有的元素内容都是一个节点。其中，是所有内容的根节点，

是

和

• 的父节点。

和标签下面的分支href与charset是标签的属性，在DOM中称为属性节点;标签下面的文本是属于该标签内部的文字，在DOM中称为文本节点。

在了解什么是DOM后&