今天同事问我一个问题,问题是这样的:
有这样的一个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()方法代替。