如何用Javascript获取HTML的第二列第三个单元格的内容?

来源:互联网 发布:新浪数据接口api 编辑:程序博客网 时间:2024/05/24 01:46
 
方法有好多了,二楼的也是一种还有其他方法,示例如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> New Document </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <SCRIPT >function getValue(){ //取表格 var table1 = document.getElementById("table1");//方法1:var v1 = table1.firstChild.childNodes[2].childNodes[1].innerHTML;//方法2:var v2 = table1.getElementsByTagName("tr")[2].getElementsByTagName("td")[1].innerHTML; alert("方法1获取:"+v1 ); alert("方法2获取:"+v2 );}</SCRIPT> <body> <table width="200" border="1" id="table1">  <tr>    <td>11</td>    <td>12</td>  </tr>  <tr>    <td>21</td>    <td>22</td>  </tr>  <tr>    <td>31</td>    <td >第2列第3行</td>  </tr>  <tr>    <td>41</td>    <td>42</td>  </tr></table><br><input type="button" value="第二列第三个单元格的内容" onClick='getValue()'> </body></html>

原创粉丝点击