为什么不能遍历getElementsByTagName返回的所有元素？

Question

我试图用另一个标签替换一组标签，但是由于某种原因，我似乎无法遍历getElementsByTagName（）返回的所有标签。

在此示例中 ，尽管第一行中的第二个td出现在console.log(tds)中，但由于某种原因还是被跳过了。

我的代码有什么问题？

Answer 1

将第一行更改为：

var tds = [].slice.call(document.getElementsByTagName('td'), 0);

从.getElementsByTagName()返回的值是NodeList，而不是数组。 NodeList对象是“活动的”，这意味着它们在您更改DOM时也会更改。 也就是说， tds.length正在递减，但是您的i也在递增-因此，每次迭代都缺少一个元素。 如果您如上所述首先将其转换为数组，则您的代码应该可以工作。