DOM对象

DOM对象

DOM（Document Object Model）被称为文档对象模型，是一个表示和处理文档的应用程序接口（API），可用于动态访问、更新文档的内容、结构和样式。DOM将网页中文档的对象关系规划为节点层级，构成它们之间的等级关系，这种各对象间的层次结构被称为节点树。

文档对象节点树特点

• 每个节点树有一个根节点。

• 除了根节点，每个节点都有一个父节点。

• 每个节点都可以有许多的子节点。

• 具有相同父节点的节点叫做“兄弟节点”。

节点的访问

在DOM中，每个节点都是一个对象，因此每个节点对象都具有一系列的属性、方法。JavaScript通过使用节点的属性和方法可以访问指定元素和相关元素，从而得到文档中的各个元素对象

访问指定元素

一个元素对象可以拥有元素节点、文本节点、子节点或其他类型的节点

访问指定节点的常用方法

• getElementById() 获取拥有指定ID的第一个元素对象的引用

• getElementsByName() 获取带有指定名称的元素的对象集合

• getElementsByTagName() 获取带有指定标签名的元素对象集合

• getElementsByClassName() 获取指定class的元素对象集合（不支持IE6~8浏览器）

 

 

运行结果

 

 

此代码中通过访问id名为one的元素，对元素中的字体进行加粗。通过访问通过标签名的方式来获取所有的<li>元素，并将最后一个li元素的字体颜色设置为红色。另外，onload事件在页面或图像加载完成之后立即执行。