美文网首页
原生js删除、添加、查找、替换元素

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

作者: 泉泉泉泉泉泉 | 来源:发表于2019-06-19 21:36 被阅读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")

    相关文章

      网友评论

          本文标题:原生js删除、添加、查找、替换元素

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