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()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容