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

最新推荐文章于 2023-07-19 10:09:05 发布

BenjaminP

最新推荐文章于 2023-07-19 10:09:05 发布

阅读量1k

点赞数

分类专栏： js dom 文章标签： html javascript table generator button border

js 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

dom

5 篇文章 0 订阅

订阅专栏

方法有好多了，二楼的也是一种
还有其他方法，示例如下

<!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>

BenjaminP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何用Javascript获取HTML的第二列第三个单元格的内容？

方法有好多了，二楼的也是一种还有其他方法，示例如下 New Document function getValue(){ //取表格 var table1 = document.getElementById("table1");//方法1：var v1 = table1.firstChild.child
复制链接

扫一扫