一、甚么是DOM？
DOM是文件格式第一类数学模型，是特别针对于xml但扩充用作HTML的插件程式设计接口，定义了出访和操作方式HTML的文件格式的国际标准。
二、DOM的常见方式
E
document.querySelector(#idxxx)
document.querySelectorAll(.red)[0]
document.querySelectorAll(#idxxx)[0]
// 括弧传至特性名，回到相关联特性的特性值
element.getAttribute(attributeName)
// 传至特性名及增设的值
element.setAttribute(attributeName,attributeValue)
建立结点Node
// 建立两个html原素，这儿以建立h3原素为例
document.createElement(“h3”)
// 建立两个文档结点；
document.createTextNode(String);
// 建立两个特性结点，这儿以建立class特性为例
document.createAttribute(“class”);
平添结点
// 往element外部最终面加进两个结点，模块是结点类别
element.appendChild(Node);
// 在element外部的中在existingNode后面填入newNode
elelment.insertBefore(newNode,existingNode);
删掉结点
//删掉现阶段结点下选定的子结点，删掉获得成功回到该被删掉的结点，不然回到null
element.removeChild(Node)
三、DOM常见特性
// 回到现阶段原素的父结点第一类
element.parentNode
// 回到现阶段原素所有子原素结点第一类，只回到HTML结点
element.chlidren
// 回到现阶段原素多有子结点，包括文本，HTML，特性结点。（回车也会当做两个结点）
element.chilidNodes
// 回到现阶段原素的第两个子结点第一类
element.firstChild
// 回到现阶段原素的最终两个子结点第一类
element.lastChild
// 回到现阶段原素的下两个同级原素 没有就回到null
element.nextSibling
// 回到现阶段原素上两个同级原素 没有就回到 null
element.previousSibling
前原素的文档
// 回到原素的所有文档，包括html代码
element.innerHTML
// 回到现阶段原素的自身及子代所有文档值，只是文档内容，不包括html代码
element.innerText
// 回到结点的类别,数字形式（1-12）
// 常见几个1：原素结点，2：特性结点，3：文档结点。
node.nodeType
增设样式
// 增设原素的样式时使用style
element.style.color=“#eea”;
