DOM-Document 对象

节点查询：

1.id属性值（通过标签的id属性值） （document.getElementById（））

2.class属性值（通过标签的class属性来获取元素） （document.getElementsByClassName（））

3.标签名（通过标签名来获取元素） （document.getElementsByTagName（））

4.name属性（通过name来获取元素） （document.getElementsByName（））

css选择器方式（HTML5新增）：

1.querySelector（document.querySelector（））

2.querySelectorAll（document.querySelectorAll（））

DOM-Node 对象

遍历节点：

1.获取父节点（通过HTML的页面的指定标签查找） （parentNode 父节点）

2.获取子节点（通过HTML的页面的指定标签查找）

#1.firstChild（获取指定标签的第一个子节点）

#2.lastChild （获取指定标签的最后一个子节点）

#3.childNodes 获取所有节点（获取指定标签的所有节点）

兄弟节点：

1.previousSibling（获取前一个兄弟节点）

2.nextSibling（获取最后一个兄弟节点）

插入节点：

1.appendChild（子节点）（将一个节点作为最后一个子元素添加到父元素节点）

2.insertBefore（新子节点，旧子节点）（在父节点的某个已有的子节点之前在插入一个子节点）

删除节点：

removeChild（子节点）（删除指定元素节点）

替换节点：

replaceChild（新子节点，旧子节点）(指定元素节点（标签）替换掉)

复制节点：

cloneNode（布尔值）(指定元素节点（标签）进行复制)