首页 > 代码库 > js写基础insertAfter()方法

js写基础insertAfter()方法

2024-07-01 23:40:03   225人阅读

DOM没有提供insertAfter()方法，使用js写一个基础的insertAfter()方法。

?
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(targetElement == parent.lastChild){
        //如果最后节点是目标元素，则直接添加，因为默认是在最后添加。
        parent.appendChild(newElement);
    }else{
        //否则就插入到目标元素下一个兄弟节点的前面。
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}
</script>

　　


联系
我们