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

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

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

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