示例展示
deleteallelem
具体描述
在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的
原生js...// 判断是否包含子元素
if(ul.hasChildNodes()) {
var len = ul.childNodes.length; // 子元素的个数
for...,这样程序运行的结果就是只删除了一半的子节点
在遍历时因为删除了子节点,ul.childNodes.length值已经减小,影响了遍历结果
我们应该从后面往前删除
function deleteChilds...// 这里用原生js实现,主要是演示操作子节点的方式,在vue项目里,操作DOM的话,那使用vue就没有任何意义价值了的
var ul =...,使用原生Js全部删除操作是,通过循环遍历,一个一个的删除,而在框架里,是操作数组,想要删除全部,清空数组数据就可以了的