JvaScrip如何实现删除li的正确的方法

作者:日期:2014-02-28 11:38:18 点击:70

给出删出li的正确方法。

QQ图片20140228114236.jpg

目的是把所有的li都删除,以下这种做法有没有问题,为什么会出问题,如何解决?

var eles = document.getElementById('ul1').getElementsByTagName('li');
for (var i = 0; i < eles.length; i++) {
    eles.item(i).parentNode.removeChild(eles.item(i));
}

因为li.length的值是一直变化的,所以会有未删除项,正解为:

var eles = document.getElementById('ul1').childNodes;
while (eles[0]) {
    eles[0].parentNode.removeChild(eles[0]);

}

 

上一篇: JavaScript中getAttribute()方法

下一篇: JavaScript如何实现获取一个元素相对于屏幕距离(注意,是相对于屏幕的,不是相对于定位参照物的)的方法