节点关系及节点操作方法

1.节点关系

childNodes：所有子节点

children：所有是标签类型的子节点
nextSibling：下一个兄弟节点
previousSibling：上一个兄弟节点
parentNode：父节点
firstChild : 第一个子节点

lastChild：最后一个子节点

2.操作节点的方法

createElement("标签名") : 创建新元素
createTextNode("") : 创建文本节点

创建方法：document.createElement('div');

appendChild(node) : 向childNodes末尾插入一个节点node
insertBefore(node,targetNode) : 向targetNode之前插入节点node
replaceChild(newNode,oldNode) : newNode替换节点oldNode
removeChild(node) : 移除父节点的某个子节点

插入、替换、移除方法：document.body.insertBefore(node,targetNode)

查找方法：
        document.getElementById('');
        document.getElementsByTagName('');

其他方法：
cloneNode(boolean) : 复制一个节点
         true：深复制，复制节点及其整个子节点树
         false : 浅复制，只复制节点本身。

注意：cloneNode（）方法不会复制添加到DOM节点中的JavaScript属性，例如事件处理程序等。