您将看到只有2个td对象丢失了clasNname。为什么变量“ many”会在每个className =“”处丢失itens?谁能帮我?谢谢你。
<!DOCTYPE html>
<html>
<head>
<title>Why?</title>
<style>
.f{background:lightblue;}
.g{background:lightcoral;}
</style>
</head>
<body>
<table id="t" style="border:1px solid black">
<tr>
<td class="f">1</td>
<td class="f">2</td>
<td class="f">3</td>
<td class="f">4</td>
</tr>
</table>
<script>
many = document.getElementById("t").getElementsByClassName("f");
document.write("initial length of many="+many.length+"<br>");
for (var x = 0; x < many.length; x++) {
many[x].className='';
document.write("loop x="+x+" many.length="+many.length+"<br>");
}
document.write("final length of many="+many.length+"<br>");
</script>
</body>
</html>
该getElememtsByClassName()
方法返回一个活动的NodeList,因此,如果删除由不再具有该类名的元素搜索的类名,则会立即从many
变量中保存的该NodeList中删除该类名。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句