JS获取Table中td值的方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了JS获取Table中td值的方法,实例分析了javascript操作table中td的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了JS获取Table中td值的方法。分享给大家供大家参考。具体如下：
1、当要获取多行中的任意TD时，采用给每个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>
<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>
在初始化方法：
$(document).ready(function() {
$(".mouse_hover").click(function() {
//$(this).context.innerHTML //同样效果
alert($(this).text());
//alert("222" + $(this).context.innerText);
})
});
2、固定TD取值，设置TD的id：
document.getElementById('td1').innerHTML
希望本文所述对大家的javascript程序设计有所帮助。