DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS獲取Table中td值的方法教程
JS獲取Table中td值的方法教程
編輯:關於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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved