js动态添加节点到兄弟节点

最新推荐文章于 2021-10-22 17:58:05 发布

原创最新推荐文章于 2021-10-22 17:58:05 发布 · 2.8w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在网页中将新元素插入到指定目标元素之后的方法。通过JavaScript函数实现，该函数首先检查目标元素是否为父元素的最后一个子元素，如果是，则直接将新元素追加到父元素；如果不是，则将新元素插入到目标元素与其下一个兄弟元素之间。

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

function insertAfter(newElement, targetElement){
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        // 如果最后的节点是目标元素，则直接添加。因为默认是最后
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
        //如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
    }
}