原生JS向后添加兄弟元素

2023年3月28日 644次阅读 来源: last_edc

1.实现函数

function insertAfter(newNode,curNode){
    curNode.parentNode.insertBefore(newNode,curNode.nextElementSibling);
}

当前元素为最后一个元素时，nextElementSibling为null，insertBefore会在父元素的最后添加新元素，仍旧生效。

2.nextSibling和nextElementSibling的区别

<div>
    <p id="first">元素1</p>
    节点2
    <p>元素3</p>
</div>

first的nextSibling是“节点2”，nextElementSibling是<p>元素3</p>

    原文作者：last_edc
    原文地址: https://www.jianshu.com/p/f90aa04a40e4
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞