JavaScript---DOM编程

- 在DOM中，最常用的节点类型有三个，分别是元素节点（element node）、属性节点（attribute node）和文本节点（text node）。

- 获取元素节点

1）getElementById()方法
此方法返回对拥有指定 ID 的第一个对象的引用，其语法为：
document.getElementById(“对象的id属性值”)

2）getElementsByName()方法
此方法返回一个对象数组，每个对象对应着文档中有着给定名称的一个元素，其语法为：
document.getElementsByName(“对象的name属性值”)

3）getElementsByTagName()方法
此方法返回一个对象数组，每个对象分别对应着文档中有着给定标签的一个元素，语法为：
document.getElementsByTagName(“对象的标签名称”)

- 获取元素子节点

1）children属性
该属性返回被选节点的子节点集合，其语法为：
元素节点.children

- 获取首尾子节点

1）firstChild属性和lastChild属性
firstChild属性可以返回被选节点的第一个子节点，其语法为：
元素节点.firstChild
lastChild属性可以返回被选节点的最后一个子节点，其语法为：
元素节点.lastChild

- 创建元素节点

document.createElement(“元素标签名”)

- 添加元素节点

1）appendChild()方法 //先获取再添加！！！！
该方法在指定元素节点的最后一个子节点之后添加节点，如果指定元素节点没有子节点，则直接插入，其语法为：
父元素节点.appendChild(要添加的子元素节点)
2）insertBefore()方法
该方法可在已有的子节点前插入一个新的子节点，其语法为：
父元素节点.insertBefore(要添加的子元素节点,参考子节点)

- 删除元素节点

利用removeChild()方法可以在指定元素节点中删除一个子节点，其语法为：
父元素节点.removeChild(要删除的子元素节点)