2016.11.11 HTML DOM（对象方法 属性 访问 修改 事件 导航节点）

对象方法：getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()     返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插入新的子节点。createAttribute()创建属性节点。createElement()     创建元素节点。createTextNode()     创建文本节点。getAttribute()     返回指定的属性值。setAttribute()     把指定属性设置或修改为指定的值。

属性：innerHTML 属性对于获取或替换 HTML 元素的内容很有用。nodeName 属性：规定节点的名称。是只读的。元素节点的 nodeName 与标签名相同。属性节点的 nodeName 与属性名相同。文本节点的 nodeName 始终是 #text。文档节点的 nodeName 始终是 #document。nodeValue ：属性规定节点的值。文本节点的 nodeValue 是文本本身。属性节点的 nodeValue 是属性值。nodeType 属性返回节点的类型。nodeType 是只读的。

访问: getElementById。getElementsByTagName:返回带有指定标签名的所有元素（返回节点列表。可以通过下标号访问这些节点）。getElementsByClassName ：查找带有相同类名的所有 HTML 元素；（返回一个列表）。

修改：创建新的 HTML 元素 - appendChild()（元素追加文本节点，将新元素作为父元素的最后一个子元素进行添加。） insertBefore()（将新元素作为父元素的最前一个子元素进行添加）。删除已有的 HTML 元素：parent.removeChild(child);您必须清楚该元素的父元素。如需替换 HTML DOM 中的元素，请使用 replaceChild() 方法（与上面一样）。、

事件：

导航节点关系：够使用三个节点属性：parentNode（元素的父节点）、firstChild 以及 lastChild ，在文档结构中进行导航。根节点：

document.body - 文档的主体。除了 innerHTML 属性，您也可以使用 childNodes 和 nodeValue 属性来获取元素的内容。var txt=document.getElementById("intro").childNodes[0].nodeValue;