js 删除一个节点的所有子元素节点的函数实现
2016-04-23 09:31
519 查看
我们知道,借助于第三方库,可以很方便地清空一个元素,即删除一个元素的所有子元素,如jQuery中的empty()函数,但是,原生js怎样实现这个功能呢,其实很简单,写一个循环就可以了,如下所示:
原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。
function removeAllChild() { var div = document.getElementById("div1"); while(div.hasChildNodes()) //当div下还存在子节点时 循环继续 { div.removeChild(div.firstChild); } }
原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。
相关文章推荐
- js 自定义日期(Date)格式化
- 分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
- bzoj 1013: [JSOI2008]球形空间产生器sphere(高斯消元)
- JSON学习笔记
- js相关转转文章
- js 控制台输出
- 深夜课堂:JavaScript简介
- javascript使用原生ajax的简便方法
- Atitti.数据操作crud js sdk dataServiceV3设计说明
- Atitti.数据操作crud js sdk dataServiceV3设计说明
- Atitti.数据操作crud js sdk dataServiceV3设计说明
- JavaScript是单线程运行的,但是ajax是如何实现的异步函数回调的?
- javascript示例
- 在SUBLIME TEXT中安装SUBLIMELINTER进行JS&CSS代码校验
- javascript中this指向详解
- 探寻JavaScript中this指针指向
- javascript断点调试心得分享
- js的引入与优化
- 如何显示浏览器是否禁用js
- 20150204--JS巩固与加强2-02