javascript---------封装函数 insertAfter()；功能类似 insertBefore();

最新推荐文章于 2021-11-02 14:04:42 发布

Mrrr_Li

最新推荐文章于 2021-11-02 14:04:42 发布

阅读量246

点赞数

分类专栏： js 文章标签： js javascript dom

本文链接：https://blog.csdn.net/Mrrr_Li/article/details/105807199

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这是body部分的代码`

<script>
    Element.prototype.insertAfter = function( targetNode, afterNode ){
        var beforeNode = afterNode.nextElementSibling;                      //表示afterNode的下一个兄弟节点
        if( beforeNode == null){
            this.appendChild(targetNode);
        } else {
            this.insertBefore( targetNode, beforeNode);
        }
    }

    //调用上面的函数时，首先要把元素节点选出来（或者直接在script里新建），还要新建要插入的节点，否则会报错
    var div = document.getElementsByTagName('div')[0],
        i = document.getElementsByTagName('i')[0],
        span = document.getElementsByTagName('span')[0],
        h1 = document.createElement('h1'),
        p = document.createElement('p'),
        strong = document.getElementsByTagName('strong')[0];

    
</script>`<div>
    <i></i>
    <span></span>
    <strong></strong>
</div>