方法：
一些常用的 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);