JS自建函数-在node后添加元素insertAfter()

最新推荐文章于 2026-03-10 07:51:20 发布

原创最新推荐文章于 2026-03-10 07:51:20 发布 · 981 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

101 篇文章 1 人学习

订阅专栏查看详情

当前文章被收录于：

78 篇文章 1 人学习

订阅专栏查看详情

函数模板

当前文章被收录于：

函数模板

25 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个JavaScript函数insertAfter，用于将新建节点添加到指定目标节点之后。该函数首先判断目标节点是否为父节点的最后一个子节点，据此决定是使用appendChild还是insertBefore方法。此外，文章还解释了nextSibling属性的作用。

和insertBefore正好相反,我们自己封装一下,备用

function insertAfter(newElement,targetElement) {
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement,targetElement.nextsibling);
    }
}

将新建节点添加到某节点后面
这里注意targetElement的nextsibling的属性是nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。