JS获取Table中td值的方法

本文介绍JavaScript中获取HTML表格单元格(td)值的具体实现方案，供开发者参考。

通过class获取动态单元格内容

第一种方法适用于需要动态获取多行中任意单元格内容的场景，核心思路是为目标td元素添加统一的class属性。

<tr>
<td style="display: none" id="td2">002</td>
<td style="text-align: left;text-decoration:underline;" id="td2" class="mouse_hover">爱流量APP互联网推广</td>
<td style="text-align: left;">集团市场部</td>
<td style="text-align: left;">2015-3-16</td>
<td style="text-align: left;">2015-3-25</td>
<td style="text-align: center;">11</td>
<td></td>
</tr>

在页面初始化阶段，通过jQuery绑定点击事件：

$(document).ready(function() {
 $(".mouse_hover").click(function() {
    //$(this).context.innerHTML //同样效果
    alert($(this).text());
    //alert("222" + $(this).context.innerText);
  })
});

通过固定id获取单元格内容

第二种方法适用于已知特定单元格位置的场景，通过固定td的id属性进行取值。

document.getElementById('td1').innerHTML

希望上述内容对JavaScript程序设计有所帮助。