美文网首页
JavaScript 操作dom节点 创建 添加 移除 替换 插

JavaScript 操作dom节点 创建 添加 移除 替换 插

作者: 歌声缓缓 | 来源:发表于2021-03-18 09:28 被阅读0次

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

相关文章

网友评论

      本文标题:JavaScript 操作dom节点 创建 添加 移除 替换 插

      本文链接:https://www.haomeiwen.com/subject/deircltx.html