js 删除一个节点的所有子元素节点的函数实现

我们知道,借助于第三方库,可以很方便地清空一个元素,即删除一个元素的所有子元素,如jQuery中的empty()函数,但是,原生js怎样实现这个功能呢,其实很简单,写一个循环就可以了,如下所示:

function removeAllChild()
{
    var div = document.getElementById("div1");
    while(div.hasChildNodes()) //当div下还存在子节点时 循环继续
    {
        div.removeChild(div.firstChild);
    }
}

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

你可能感兴趣的:(javascript)