原生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);
         }
}