您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS获取Table中td值的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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>
在初始化方法:

 

? 1 2 3 4 5 6 7 $(document).ready(function() { $(".mouse_hover").click(function() { //$(this).context.innerHTML //同样效果 alert($(this).text()); //alert("222" + $(this).context.innerText); }) });

2、固定TD取值,设置TD的id:

? 1 document.getElementById('td1').innerHTML

希望本文所述对大家的javascript程序设计有所帮助。