我有以下代码,它查找文档中类名为 foo 的所有元素,然后将它们全部删除
function(doc) {
var items = doc.getElementsByClassName('foo');
alert(items.length);
if(items.length>0) {
for(var i=0;i<items.length;i++) {
alert(i);
doc.body.removeChild(items[i]);
}
}
例如,items.length 为 3,该函数在运行一个循环后退出,当长度为 8 时,它在 3 处退出。任何帮助将不胜感激。另外,当我一次又一次运行该函数时,它最终会删除所有元素。
你的问题是NodeList
由返回getElementsByClassName()
正在直播。要么按照 Felix 的建议先将其转换为数组,要么向后迭代:
var items = doc.getElementsByClassName('foo');
var i = items.length;
while (i--) {
items[i].parentNode.removeChild(items[i]);
}
这是有效的,因为每次迭代从列表中删除的项目是列表中的最后一个项目,因此不会影响较早的项目。
我也改变了doc.body
to items[i].parentNode
为了更通用,如果您需要处理不是直接子元素的元素<body>
元素。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)