2020/4/20 节点操作

一,创建节点
creatElement(" ")
格式:document.creatElement(“标签名”)
返回值:创建好的这个节点

二,插入节点
方式1: 父节点.appendChild(新的子节点)
解释:在父节点的最后插入一个新的子节点

方式2:父节点.insertBefore(新的子节点,作为参考的子节点)
解释:在参考节点前插入一个新的节点

三,创建文本节点(纯文本,不解析标签)
格式:document.createTextNode(文本)

四,替换节点
replaceChild()
格式:box1.parentNode.replaceChild(box2,box1)
功能:用box2节点将box1节点替换掉

五,复制/拷贝节点
格式1:node.clonNode()
格式2:node.clonNode(true)克隆节点本身和子节点
返回值:克隆出新的节点

六,删除节点
removeChild()
格式:box.parentNode.removeChild(box)
功能:将box节点从页面上删除

发布了2 篇原创文章 · 获赞 0 · 访问量 22

猜你喜欢

转载自blog.csdn.net/qq1547511739/article/details/105643476