Javascript 获取<；表>；元素'；南纬<；td>；动态innerHTML

我是否可以使用JavaSCript获取指定n的innerHTML

因为我的表是自动生成的，所以我的没有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>

第1单元
第2单元
第三单元
这将包含所有表格单元格。使用数组表示法访问特定的数组：

cells[4]

下面是一个更改背景颜色的快速演示：

不确定您想要什么-Dom:document.getElementsByTagName（“表格”）[0]。行[2]。单元格[1]
仅使用CSS您可以执行以下操作：

#table tr:nth-child(2) td:nth-child(2)
{
    background:#ff0000;
}​

函数addClassToNthTD（n）{
var table=document.getElementById（'table'）；
对于（变量i=0；i
此行：

$('td')

将代码中的所有
td
元素放在一个从零开始的数组中，因此以“cell 5”作为其内容的单元格将是该数组的第五个元素，即：

$('td')[4]

，因此，如果要将一行中的每秒钟单元格作为目标，可以使用选择器，例如：

$('tr td:nth-child(2)')

通读我链接的选择器文档，它在这种情况下非常方便
你能澄清一下什么时候（加载、悬停等）和什么地方（客户端、服务器端等）要这样做吗

如果您需要myTD中的单元格，只需使用this关键字，它恰好是您的HTMLTableCell：

function myTD() {
   this.style.color="red"; // just for the example, using CSS classes is much better
}

我不知道您想做什么，但是如果您想做某种“悬停”功能，jquery可以做得非常简单。我创建了一个Fiddle示例，将单元格传递回函数：

单元格1

从对象获取innerhtml：

function myTD(obj) {
    alert(obj.innerHTML);
}

伟大的谢谢我现在就试试看。。。没有想到这个简单的解决方案：）@jackwanders你救了我。好的，我需要得到TD元素的.innerHTML。我尝试了这个.innerHTML，但没有成功。有什么想法吗？我让它工作了。但是我必须通过onmouseover=“myTD（this）”和函数myTD（this）才能让它工作……你用什么浏览器测试它？
function myTD() {
   this.style.color="red"; // just for the example, using CSS classes is much better
}

function myTD(obj) {
    alert(obj.innerHTML);
}