标题

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

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

1623828868292_DOM树形结构.jpg

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

和

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

在了解什么是DOM后，就不再难理解什么是DOM对象。DOM对象就是JavaScript操作DOM所使用的对象。例如，获取以上HTML代码中li标签的DOM对象，并调用innerText属性获取第一个li标签的文本，如下所示。

//获取1i标签对象集合: HTMLCollection(2) [li, li]
var lis = document.getElementsByTagName('li');
var firstLi = lis[0];    //获取第1个1i标签的DOM对象
var text = firstLi.innerText;    //获取第1个1i标签的文本内容

猜你喜欢：

什么是DOM？DOM文档树模型的关键名词解释

BOM有几部分组成？BOM与DOM的区别是什么？

jQuery如何使用css方法修改单个样式？

jQuery中的prop和attr

大阳城app官网入口HTML&JS+前端培训课程

上一篇：Get和Post的区别?什么情况下用到 下一篇：JavaScript执行机制和线程介绍

标题

最新资讯

相关阅读

热门课程推荐