Javascript第一周
DOM基础
DOM （Document Object Model） 即文档对象模型
DOM 有三个等级，分别是 DOM1、DOM2、DOM3。
获取DOM元素的方法根据W3C标准有以下几种：
1、getElementById()
getElementById()方法，接受一个参数：获取元素的 ID。如果找到相应的元素则返回该元素的 HTML 对象，如果不存在，则返回 null。
2、getElementsByTagName()
getElementsByTagName()方法将返回一个对象数组 HTML集合，这个数组保存着所有相同元素名的节点列表。
3、getElementsByName()
getElementsByName()方法可以获取相同名称(name)的元素，返回一个对象数组HTML集合。
4、getAttribute()
getAttribute()方法将获取元素中某个属性的值。接收一个参数：属性名。返回值是属性名对应的属性值。
5、setAttribute()
setAttribute()方法将获取元素中某个属性的值。接收两个参数：属性名和值。
6、removeAttribute()
removeAttribute()可以移除 HTML 元素的属性
DOM节点关系。
1、childNodes 属性
childeNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含元素子节点和文本子节点
2、firstChild 和 lastChild 属性
firstChild 用于获取当前元素节点的第一个子节点， 相当于 childNodes[0]； lastChild 用于获取当前元素节点的最后一个子节点，相当于 childNodes[box.childNodes.length - 1]。
3、parentNode、previousSibling、nextSibling 属性
parentNode 属性返回该节点的父节点；previousSibling 属性返回该节点的前一个同级节点；nextSibling 属性返回该节点的后一个同级节点。
4、attributes 属性
attributes 属性返回该节点的属性节点集合。
节点操作
1、write()方法
write()方法可以把任意字符串插入到文档中去。
2、createElement()方法
createElement()方法可以创建一个元素节点。接收一个参数节点标签
3、appendChild()方法
appendChild()方法讲一个新节点添加到某个节点的子节点列表的末尾上。
4、createTextNode()方法
createTextNode()方法创建一个文本节点。
5、insertBefore()方法
insertBefore()方法可以把节点创建到指定节点的前面。
6、repalceChild()方法
replaceChild()方法可以把节点替换成指定的节点。
7、cloneNode()方法
cloneNode()方法可以把子节点复制出来。
8、removeChild()方法
removeChild()方法删除指定节点