JS DOM　insertAfter方法

最新推荐文章于 2020-07-14 17:44:08 发布

kellncy

最新推荐文章于 2020-07-14 17:44:08 发布

阅读量4.3k

点赞数

分类专栏： JavaScript 文章标签： insertAfte dom

本文链接：https://blog.csdn.net/kellncy/article/details/53092683

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JS DOM操作　insertAfter

JS　DOM操作有insertBefore方法，但是很不人性化的，出乎意料外的并没有insertAfter方法，接下来我们自己写一个insertAfter方法

function insertAfter(newelement,targetelement) {
    var parentelement = targetelement.parentNode;
    if (parentelement.lastChild == targetelement) {
        parentelement.appendChild(newelement);
    }
    else {
        parentelement.insertBefore(newelement,targetelement.nextSilbing);
    }
}

insertAfter含有两个参数，第一个newelement是要插入的nodeName,第二个targetelement是插入的目标元素，也就是在该元素前面插入newelement.