DOM 操作整理

很久之前就想整理了，一致拖到现在...

1:创建元素节点
document.createElement()

2:创建文本节点
document.createTextNode()

3:复制节点
Element.cloneNode(true/false)
true:包含子元素
false:不包含子元素

4：插入、移动节点 （新的节点 插入到 最后）
Element.appendChild(newNode)

5:插入节点 （把一个新的节点插入到目标节点的前面）
Element.insertBefore(newNode,oldNode);
oldNode:可选,将默认添加到文档的最后，相当于appendChild()

6:删除节点 （删除元素中的子元素）
Element.removeChild(oChild)
oChild:要删除的节点
Element:要删除节点的父节点

7:替换节点
element.repalceChild(newNode,oldNode)
oldNode:必须是Element的一个子节点。

8:设置/获取属性节点
setAttribute(name,value);//设置
getAttribute(name);//获取

9:删除指定的属性
element.removeAttribute(name)

10：判断元素是否有子节点
element.hasChildNodes()
文本节点和属性节点不可能有子节点，所以他们的hasChildNodes 永远返回false