031删除所有的子元素

来源:互联网 发布:淘宝没有耐克旗舰店吗 编辑:程序博客网 时间:2024/05/16 00:50

在遍历删除节点的过程中,每删除一个子元素,子元素的个数就会少一个,因此,始终要删除的是第一个子元素,直到没有任何子元素为止。


<!DOCTYPE html><html><head><meta charset="UTF-8"><title>删除所有的子元素</title><script>//删除元素的函数function deleteChilds() {var ul = document.getElementsByTagName("ul")[0]; //获取父DOM//判断是否包含子元素if(ul.hasChildNodes()) {var len = ul.childNodes.length; //子元素的个数for(var i = 0; i < len; i++) { //遍历ul.removeChild(ul.childNodes[0]); //从第一个元素开始删除}}}</script></head><body style="text-align: center;"><ul><li>item1</li><li>item2</li><li>item3</li><li>item4</li></ul><br /><input type="button" onclick="deleteChilds();" value="删除所有子元素" /></body></html>


0 0
原创粉丝点击