javascript 取table中内容

最新推荐文章于 2022-07-25 20:03:13 发布

fuyan123

最新推荐文章于 2022-07-25 20:03:13 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

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

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

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种改进的JavaScript方法来获取表格中的特定值，并通过实例展示了如何在实际应用中使用该方法。包括从表格中选择特定行和列的值，以及在用户操作时实时获取信息。

摘要生成于 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>

这可以取鼠标所在列的值