HTML DOM（方法，属性）的使用

方法：

一些常用的 HTML DOM 方法：

• getElementById(id) - 获取带有指定 id 的节点（元素）
• getElementsByTagName()-返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）
• getElementsByClassName()-返回包含带有指定类名的所有元素的节点列表。
• appendChild(node) - 插入新的子节点（元素）
• removeChild(node) - 删除子节点（元素）

属性

一些常用的 HTML DOM 属性：

• innerHTML - 节点（元素）的文本值
• parentNode - 节点（元素）的父节点
• childNodes - 节点（元素）的子节点
• attributes - 节点（元素）的属性节点

 HTML DOM 中常用的方法

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

注意：删除元素时

DOM 需要了解您需要删除的元素，以及它的父元素。

例：找到需要删除的子元素，然后使用 parentNode 属性来查找其父元素：

var child=document.getElementById("p1"); //通过id查找元素
child.parentNode.removeChild(child);