首頁 > 開發者 > JavaScript
標籤：copyright var server not 擷取 click get ack orm
<html><head runat="server"> <title>示範擷取Table的值</title> <script type ="text/javascript" language ="javascript" > // Description: 示範用JavaScript，擷取Table中指定行、列元素值 // CopyRight: http://www.cnblogs.com/yangmingming // Notes: 採用簡單的Table，並結合TextBox擷取之 function GetTable23() { var txt=document .getElementById ("txtReceiver"); //第一種：用標記id的td元素，擷取值方法 txt .value=document .getElementById ("23").innerHTML ; //第二種：用擷取Table（通過其id），指定擷取的行、列 var valueTd=document .getElementById ("tbl").rows [1].cells[2]; txt.value=valueTd.innerHTML ; } </script></head><body> <form id="form1" runat="server"> <div> <table style="width: 100%;" id ="tbl"> <tr> <td> 11 </td> <td> 12 </td> <td> 13 </td> </tr> <tr> <td> 21 </td> <td> 22 </td> <td id ="23"> 23 </td> </tr> <tr> <td> 31 </td> <td> 32 </td> <td> 33 </td> </tr> </table> <asp:TextBox ID="txtReceiver" runat="server"></asp:TextBox> <input id="btnSubmit" type="button" value="擷取" onclick ="GetTable23()"; /> </div> </form></body></html>
其調試結果為：
可見我們如期獲得了第二行、第三列的值。
用JavaScript，擷取Table中指定的行、列
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
