JS自定义封装库之 DOM节点操作

Master_bigRabbit

于 2019-03-03 20:21:52 发布

阅读量511

点赞数

CC 4.0 BY-SA版权

分类专栏： JS兼容写法以及自定义封装函数库

本文链接：https://blog.youkuaiyun.com/Master_bigRabbit/article/details/88093106

JS兼容写法以及自定义封装函数库专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在JavaScript中向指定节点后插入新节点的方法，通过检查目标节点的后续节点来决定是在目标节点后直接插入还是作为父节点的最后一个子节点。此技巧源自《JavaScript DOM编程艺术》，适用于网页开发中动态内容的高效更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、向某节点后面插入节点

function insertAfter(newElement,targetElement){

    var parentElement=targetElement.parentNode;        //获取目标节点的父节点
    if(parentElement.lastChild == targetElement){
        parentElement.appendChild(newElement);
    }else{
        var next=targetElement.nextSibling;
        parentElement.insertBefore(newElement,next);    //在目标元素的下一个元素之前插入
    }
}