javascript childNodes

今天同事问我一个问题，问题是这样的：

有这样的一个table，

<table id="t_table">
    <tr>
        <td>sss</td>
    </tr>
</table>

想通过childNodes获得td的文本。

代码如下：alert(document.getElementById("t_table").childNodes[0].childNodes[0].childNodes[0].innerHTML);

在IE下没问题。但是在FF下就完蛋了。

我在FF下测试了一下。发现FF把HTML元素之间的空白当成TEXT了，并且作为了父节点的子节点。

所以在FF里，上面的代码应改为alert(document.getElementById("t_table").childNodes[1].childNodes[0].childNodes[1].innerHTML);

看来按照正常方式编写的table，在想获取其子节点时竟然出错了。

不过还是不建议使用childNodes来遍历DOM。

完全可以用getElementsByTagName()方法代替。