动态获取<table>元素的第n个<td> innerHTML

Question

无论如何我可以使用JavaSCript在<table>中获取指定的^第 n ^个 <td> 的innerHTML 吗？

由于我的表是自动生成的,我的<td>没有ID.我使用以下HTML代码:

<table id="table">
  <tr>
    <td onmouseover="myTD()">Cell 1</td>
    <td onmouseover="myTD()">Cell 2</td>
    <td onmouseover="myTD()">Cell 3</td
  </tr>
  <tr>
    <td onmouseover="myTD()">Cell 4</td>
    <td onmouseover="myTD()">Cell 5</td>
    <td onmouseover="myTD()">Cell 6</td>
  </tr>
</table>

但是如何访问,例如,Cell 5？

非常感谢!

Answer 1

var cells = document.getElementById('table').getElementsByTagName('td');

这将包含您的所有表格单元格.使用数组表示法访问特定的表示法:

cells[4]

这是一个改变背景颜色的快速演示:

http://jsfiddle.net/jackwanders/W7RAu/