雅乐网

DOM是什么？

我们先看看W3C对它的定义

DOM是一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。

其实DOM是一套对文档的内容进行抽象和概念化的方法，它提供了一组应用编程接口。它不一定要用javascript来使用，虽然javascript最为方便和常用。

DOM不仅仅可以用于网页，但是本文只涉及网页文档。

DOM中的“D”指的是document ，当浏览器加载一个网页后，就会创建一个DOM，将网页文档转换为一个文档对象。

DOM中的“O”指的是object，document对象的主要功能就是处理网页的内容。

DOM中的“M”指的是model（模型），DOM代表着当前的网页，它把当前网页模型表示为一棵树的结构

节点

DOM中有许多不同类型的节点。

最基础的就是元素节点，例如p节点和ul节点。

而有些元素节点的内容就是内容节点，例如<p></p>之间的内容

元素的属性又是属性节点。

获取元素的方法

可以通过id 名 class名 或者标签名。

getElementById 通过id获取

document.getElementById(“id”)

返回document里id为”id”的对象。

getElementByClassName 通过类名获取

返回值是一个对象数组，包含所有该类名。

getElementByTagName 通过标签名获取

同样的，返回对象数组。

获取和设置属性

获取属性 getAttribute

object.getAttribute(属性名)

设置属性 setAttribute

object.setAttribute(属性名， 值)