zoukankan      html  css  js  c++  java
  • 原生js系列 删除元素

    // 删除id

         var idObject = document.getElementById('sidebar');

        if (idObject != null)

              idObject.parentNode.removeChild(idObject);

    //通过class获取元素

    paras = document.getElementsByClassName('paginator');

    for(i=0;i<paras.length;i++){

         //删除元素 元素.parentNode.removeChild(元素);

        if (paras[i] != null)

              paras[i].parentNode.removeChild( paras[i]);

    }

    //清空一个元素,即删除一个元素的所有子元素

    function removeAllChild()  { 

        var div = document.getElementById("div1"); 

        while(div.hasChildNodes()) //当div下还存在子节点时 循环继续 

        { 

            div.removeChild(div.firstChild); 

        } 

    }

    原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。

    //封装的方法

    function removeElement(_element){
             var _parentElement = _element.parentNode;
             if(_parentElement){
                    _parentElement.removeChild(_element);
             }
    }

  • 相关阅读:
    第三周助教总结
    第三周作业
    第二周助教总结
    参数和指针
    第二周作业
    第一周作业 2
    第一周作业 1
    第七周助教小结
    第六周助教小结
    第五周助教总结
  • 原文地址:https://www.cnblogs.com/cui-ting/p/10653313.html
Copyright © 2011-2022 走看看