My second javascript eg:insertAF

作者: 短衣匹马 | 来源:发表于2016-05-27 09:10 被阅读62次

    一个新脚本的诞生

    在JS中,有着appchild方法和insertBefore方法

    appchild可以在这个父级元素的最后插入你创建的这个新元素,而insertBefore可以在相对于一个父级元素,插入到你的目标函数的前面。

    那么,为什么不可以有一个insertAfter函数呢,相对于一个父级元素,插入到你的目标函数的后面。

    so:例子来了

    //定义一个新函数叫insertAfter,插入两个参数newElement和targEtelement
    function insertAfter(newElement,targetelEment){
    var parent = targetElement.parentNode;
    if (parent.lastchild == targetElement){
       parent.appchild(newElement);
    }else{
    parent.inseryBefore(newElement,targetElement.nextSibling);
    }
    
    }
    
    

    我们可以看到,首先定义了一个parent变量,代替目标函数的父级元素,
    再利用if,else循环,如果目标函数就是父级元素的最后一个子元素的话,那么newElement就是这个父级元素的最后一个元素。

    else,如果目标函数不是父级元素的子函数的话,那么newElement就插入到目标函数的下一个兄弟元素之前,也就是插入到目标函数之后。

    注意nextSibling是下一个元素的获取方法。

    相关文章

      网友评论

        本文标题:My second javascript eg:insertAF

        本文链接:https://www.haomeiwen.com/subject/jmxxdttx.html