childNodes上有奇怪的东西，绊倒了我

Question

<tr id='tt_info_entry_2'>
  <th colspan=3>Read sigma[0]</th> 
  <th colspan=3>Read sigma[1]</th> 
</tr>

但是在Chrome中我得到了：

注意神秘的“文本”对象妨碍了我的for循环。其中有三个也是。 （只有两个<th>）

这是什么？

P.S。我将在getElementsByTagName('th')上使用<tr>来获得一个干净的数组。但是，当我用div s做各种各样的忍者时，我还没有弹出这些奇怪的文字内容。我可以解释一下吗？

Answer 1

空格也是textNodes。 在第1个TH之前，第1个TH之后和第2个TH之后（换行符）有空格。

使用Element.children代替 Element.childNodes 来仅检索元素节点。

Answer 2

对于表格行和单元格，您应该使用：

• table.rows^[docs]
• row.cells .cells的MDN文档链接现已中断，但正如@Šime Vidas所述，它列在on this MDN page。

他们拥有广泛的浏览器支持，并消除了文本节点问题。

这些可让您将浏览器兼容性恢复为Firefox 3，并避免使用IE8以及.children更低的一些怪癖。