JS獲取Table中td值的方法

 這篇文章主要介紹了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程序設計有所幫助。