DOM小总结

object

js 中宿主对象 window 中的一个属性：document。 document 对象主要处理网页内容。

Document - 文档节点

nodeType: 9
nodeName: #document
nodeValue: null

Js 通过 Document 类型表示文档。
在浏览器中，document 对象是 HTMLDocument(继承自 Document 类型)的一个实例，表示整个 HTML 页面。而且 document 对象是 window 对象的一个属性。

Element - 元素节点

nodeType: 1
nodeName: 元素的标签名
nodeValue: null

文本段落的 nodeName：p
链接的 nodeName：a
元素可以包含其他元素，如标题包含链接等。
html 是根元素，唯一一个不能被包含在其他元素里面的元素。

Text - 文本节点

nodeType: 3
nodeName: #text
nodeValue: 节点所包含文本

查找元素

getElementById

通过 ID 查找元素。
函数参数为 ID 的值，如果元素存在，返回 document 对象，不存在返回 null。

getElementsByClassName
通过 class 名称查找元素
函数参数为 class 的值，如果元素匹配到，返回的是 document 对象集合，不匹配则返回空数组。