JavaScript 操作dom节点 创建 添加 移除 替换 插入 复制 查找

创建  createElement

添加  appendChild

移除  removeChild

替换  replaceChild（newnode,node）

插入  insertBefore(newnode,node)

复制  cloneNode(true)                // false浅拷贝（只复制节点本身） true深拷贝(复制本节点以及整个子节点树)

查找 document.getElementById("box")    document.getElementsByTagName()       document.getElementsByClassName()

创建： var node=document.createElement("div"); 

添加：document.getElementById("box").appendChild(node)

移除： document.getElementById("box").removeChild(node)

替换：var newnode=document.createElement("p")

document.getElementById("box").replaceChild(newnode,node)

插入：document.getElementById("box").insertBefore(newnode,node)

复制：var odiv=document.getElementById("box").cloneNode(true)

查找：

document.getElementById("box")

document.getElementsByTagName()

document.getElementsByClassName()