DOM知识点

DOM：文档对象模型（Document Object Model）

Node 对象的属性和方法：
baseURI： 返回该节点所在文档的基 URI。
childNodes：返回一个包含了该节点所有子节点的实时的NodeList。
firstChild: 返回该节点的第一个子节点。
isConnected：返回一个布尔值用来检测该节点是否已连接(直接或者间接)到一个上下文对象上。
lastChild：返回该节点的最后一个子节点
nextSibling：返回与该节点同级的下一个节点
nodeName ：返回一个包含该节点名字的DOM字符串
nodeType：返回一个与该节点类型对应的无符号短整型的值
nodeValue：返回或设置当前节点的值。
ownerDocument：返回这个元素属于的 Document对象
parentNode：返回一个当前节点 的父节点 。
parentElement：返回一个当前节点的父节点 Element
previousSibling：返回一个当前节点同辈的前一个节点
textContent：返回或设置一个元素内所有子节点及其后代的文本内容。

Node 对象的方法：
appendChild()：将指定的 childNode 参数作为最后一个子节点添加到当前节点。
cloneNode()：克隆一个节点，并且可以选择是否克隆这个节点下的所有内容。默认情况下，节点下的内容会被克隆。
contains()：返回一个 布尔值，来表示传入的节点是否为该节点的后代节点。
hasChildNodes()：返回一个布尔值，来表示该元素是否包含有子节点。
insertBefore()：在当前节点下增加一个子节点，并使该子节点位于参考节点的前面。
removeChild()：移除当前节点的一个子节点。这个子节点必须存在于当前节点中。
replaceChild()：对选定的节点，替换一个子节点 为另外一个节点。
normalize()：对该元素下的所有文本子节点进行整理，合并相邻的文本节点并清除空文本节点。

访问 DOM 的元素

常规元素的访问:
通过 ID 获取元素：getElementById()
通过标记名获取元素：getElementsByTagName()
通过类名获取元素：getElementByClassName()
通过查询选择器获取元素：querySelect()、querySelectAll()

非常规元素的访问:
document.doctype：获取网页的文档类型定义
document.documentElement：获取网页的 html 元素（包括整个网页）
document.head：获取网页的 head 元素
document.body：返回网页的body元素。
document.images：返回文档中所有图像的一个节点列表。
document.links：返回所有具有href属性的a元素和area元素的一个节点列表。
document.anchors：返回所有具有name属性的a元素的一个节点列表。
document.forms：返回文档中所有表单的一个节点列表。

classList:
元素节点.classList.add(‘类名’) ：给一个元素添加类，但是不会覆盖已经存在的其它类。
元素节点.classList.remove(‘类名’)：一个元素中删除指定的类。
元素节点.classList.toggle()：如果元素没有给出的类，就添加该类，如果有该类，就删除该类。
元素节点.classList.contains()：检查元素是否有指定的类。