首页 > Web开发 > 详细

原生js删除、添加、查找、替换元素

时间:2020-05-02 09:12:42      阅读:62      评论:0      收藏:0      [点我收藏+]

1、创建元素节点:createElement
document.createElement("p");//创建p标签;
document.createTextNode("txt");//创建文本标签;

2、插入节点:appendchild:在要插入的元素节点上调用,他插入指定的节点使其成为那个节点的最后一个子节点。
insertBefore:在已有的元素前插入一个新元素;
insertAfter:在现有的元素后面插入一个新元素;

3、删除节点:removeChild;从文档树中删除一个节点(先找到要删除节点的父节点,用父节点删除);
var para1=document.getElementById("p1");
para1.parentNode.removeChild(para1);

4、替换节点:replaceChild;将一个节点替换为另一个节点(先找到要替换的节点的父节点,用父节点替换);
ele.replaceChild(oSpan,oBox);

5、添加节点:appendChild;从文档树中添加一个节点;
eleParent.appendChild(childEle);

6、查找节点:
document.body.querySelector("#id||.class||tag")
document.body.querySelectorAll("#id||.class||tag")



作者:泉泉泉泉泉泉
链接:https://www.jianshu.com/p/e707f52f44d2
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原生js删除、添加、查找、替换元素

原文:https://www.cnblogs.com/ygunoil/p/12815611.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!