js insertBefore 兄弟 insertAfter

学了insertBefore()方法 这个方法要传两个参数

第一个参数是需要添加的 元素
第二个参数 是 要添加到谁的前面

比如

   var div = document.getElementsByTagName("div")[0];
   var span = document.getElementsByTagName("span")[0];
   var p = document.createElement("p")
   div.insertBefore(p,span)    //把p标签  加到 span标签的前面

然后自定义了一个insertAfter方法 可以把元素加到 另一个元素的后面

 Element.prototype.insetAfter = function(target,origin){
 //target 需要加入的元素  要加到origin后面
        var afterNode = origin.nextElementSibling;
        //定义一个变量 保存origin后面的元素 节点
        if(afterNode==null){
        //如果为空  就直接讲target加到最后
            this.appendChild(target);
            
        }else{
        //不为空  就加到origin后面元素的前面
        //这样就达到了  加到后面的目的
            this.insertBefore(target,afterNode);
        }
    }

然后 谁都可以调用这个方法 因为这个方法是创建在element的原型上的
最后还是希望各位给我点建议~~~