JS获取Table中td值的方法

时间：2021-07-20 08:55:38|栏目：JavaScript代码|点击：次

本文实例讲述了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>

在初始化方法：

$(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程序设计有所帮助。

上一篇：使用js完成节点的增删改复制等的操作

栏目：JavaScript代码

下一篇：js实现连续英文字符自动换行兼容ie6 ie7和firefox

本文标题：JS获取Table中td值的方法

本文地址：http://www.codeinn.net/misctech/159708.html

更多JavaScript代码

JavaScript代码

JS获取Table中td值的方法

阅读排行

推荐教程