节点：
Node 一个页面中的元素标签、文字、注释。。。都是节点
属性：
childNodes：获取所有的子节点
children：获取所有的元素子节点
parentNode：获取父亲节点
previousSibling：获取上一个兄弟（哥哥）节点
nextSibling：获取下一个兄弟（弟弟）节点
firstChild：获取所有子节点中的第一个（大儿子）
lastChild：获取所有子节点中的最后一个（小儿子）
在js中需掌握的节点类型：
nodeType nodeName nodeValue
元素节点（元素标签） 1 大写的标签名（eg：DIV） null
文本节点 3 #text 文字内容
注释节点 8 #comment 注释内容
document 9 #document null
在标准浏览器下，space（空格）和enter（回车）都当作文本节点（#text）处理
DOM中增删改：
document.createElement("元素标签")：创建一个元素标签对象
appendChild：把这个元素添加到指定容器的末尾位置 eg：容器.appendChild（元素）
insertBefore：把新的元素newEle添加到老的元素oldEle之前 eg：oldEle.parentNode.insertBefore(newEle，oldEle)
removeChild：删除指定元素 eg：oldEle.parentChild.removeChild(oldELe);
cloneNode：克隆元素 cloneNode（true）：把元素里的子子孙孙都克隆，默认为false，只克隆当前的。
replaceChild：替换元素 eg：oldEle.parentNode.replaceChild( newEle, oldEle)
setAttribute：设置元素的属性（包含自定义属性）改变html结构（相比于“.属性” 和“[" 属性"]”可以在html上体现出来） eg：setAttribute（属性名，属性值）
getAttribute：只能获取用setAttribute设置的属性
removeAttribute：只能删除用setAttribute设置的属性
（注：以上三种方法在ie6-8下不能修改class属性）
