JavaScript_在指定节点之后插入新节点_insertAfter(newElement, targetElement) _ JavaScript扩展

最新推荐文章于 2024-01-17 08:10:30 发布

高达一号

最新推荐文章于 2024-01-17 08:10:30 发布

阅读量8.1k

点赞数 3

分类专栏： JavaScript应用文章标签：函数扩展

本文链接：https://blog.youkuaiyun.com/u010003835/article/details/51346209

版权

JavaScript应用专栏收录该内容

21 篇文章

订阅专栏

JavaScript 有一个函数 insertBefore parentNode.insertBefore(newElement, targetElement)

功能: 在指定节点之前插入新节点, 但是没有实现 insertAfter 在指定节点之后插入新节点

下面是一个insertBefore 的实现, 供大家参考

思想：利用insertBefore实现

//功能: 在targetElement之后插入 新节点newElement
function insertAfter(newElement, targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
        parent.appendChild(newElement);
    }else{
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}