javascript 取table中内容

最新推荐文章于 2025-08-07 14:42:17 发布

fuyan123

最新推荐文章于 2025-08-07 14:42:17 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/fuyan123/article/details/83971780

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript从HTML表格中获取指定单元格值的方法，并提供了一种改进方案，允许通过鼠标点击事件自动获取当前单元格的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,有如下表格，我们要取第2行第2列的值


<table id="table1">
     <tr>
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr>
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>

2,取值方法
var value==window.table1.rows.item(0).cells.item(0).innerText;
注意：行号，列号是从 0 开始的
例如 var value =window.table1.rows.item(1).cells.item(1).innerText;
这就取到了第2行第2列的值
3.改进方法
上面的方法，需要知道行号，实践中是不方便获得的，下面是改进的方法


<script language="javascript">
 var str;
</script>
  <table >
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>

当鼠标按下时，我们就取到了该行第1列的值
<td onMouseDown="str=this.innerText">2行1列</td>
这可以取鼠标所在列的值