`
jessen163
  • 浏览: 466542 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

javascript 取table中内容

阅读更多
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> 

这可以取鼠标所在列的值
分享到:
评论

相关推荐

    table里面获取所有元素

    这篇博客“table里面获取所有元素”可能探讨了如何在JavaScript或相关的前端技术中实现这一功能。 首先,我们需要理解HTML中的表格结构。一个基本的表格由`&lt;table&gt;`元素作为容器,`&lt;tr&gt;`(行)元素来定义每一行,`...

    正则取html中table中td中的值

    - **纯正则方法**:在支持正则表达式的编程语言中,如JavaScript,可以使用`match`、`replace`或`split`等方法配合正则表达式来提取内容。 - **DOM解析**:更推荐使用DOM解析库,如JavaScript的`DOMParser`或.NET...

    JavaScript获取table中某一列的值的方法

    在讨论JavaScript获取table中某一列的值的方法时,首先需要了解HTML中的table元素是用来展示表格数据的常用结构。在HTML表格中,行被称为tr(table row),而单元格则被称为td(table data)。每个td都可以通过其...

    JavaScript Table行定位效果

    最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...

    获取table中某个td的值

    在这个场景下,我们需要掌握如何利用JavaScript有效地获取table中某个td的值,以便实现动态的页面交互。 首先,了解HTML表格的基本结构至关重要。一个表格由`&lt;table&gt;`元素定义,其中包含多个`&lt;tr&gt;`(行)元素,每个...

    table 行列转置demo

    在行列转置的过程中,原始的`&lt;tr&gt;`元素会变成`&lt;td&gt;`,而`&lt;th&gt;`则可能变为`&lt;td&gt;`或者新的`&lt;th&gt;`,具体取决于原表格的结构。 接下来,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互。...

    BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能,特别地,我们将根据从数据库获取的状态来决定复选框是否被选中。 首先,我们需要引入Bootstrap Table的相关库,包括CSS和JavaScript文件。这些...

    pl-table示例代码

    `pl-table`是一个用于创建可定制化表格的前端组件,常在Web开发中用于数据展示。这个组件提供了丰富的功能和自定义选项,使得开发者能够轻松地构建交互式、响应式的表格。下面我们将深入探讨`pl-table`的相关知识点...

    table表格固定行和列

    但这种方法存在局限,如在响应式布局中可能表现不佳,或者在表格内容过多时可能产生重叠问题。 ```css thead { position: fixed; top: 0; } th:first-child { position: fixed; left: 0; } ``` 2. **...

    任意改变table表格td的宽度 支持表格TD拖拽

    在网页设计中,表格(Table)是一种常见的布局方式,用于展示结构化数据。在HTML中,`&lt;table&gt;`元素用于创建表格,而`&lt;td&gt;`则代表表格单元格(Table Data Cell),它是表格中的基本组成单元。在某些情况下,我们可能...

    在SAP中查询TABLE的18种方法

    SAP UI5是一个开源的JavaScript库,用于构建企业级Web应用程序,可以轻松地从SAP TABLE中提取数据并呈现。 ### 18. 使用第三方工具 除了SAP提供的工具外,还可以使用第三方ETL工具(如Informatica、Talend等)来...

    程序天下:JavaScript实例自学手册

    9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 ...

    JavaScript完全自学宝典 源代码

    6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框。 6.12.html 单选框的JavaScript特效。 6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15....

    table拖拽js

    在本篇中,我们将详细探讨BootstrapTable中的拖拽行(Reorder Rows)功能。 首先,"reorder-rows"这个标签表明我们关注的是实现表格行拖放排序的功能。在BootstrapTable中,实现这一功能需要引入一个名为`bootstrap...

    Javascript遍历Html Table示例(包括内容和属性值)

    1: 遍历并输出Table中值 &lt;table id=tb&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/table&gt; function f() { var t=document.getElementById(tb).childNodes.item(0); for(var i=0;i&lt; t.childNodes.length;i++) { for(var j=0;j&...

    JS使用for循环遍历Table的所有单元格内容

    // 获取Table中单元格的内容 tableInfo += " "; // 在每个单元格内容之间添加空格分隔 } tableInfo += "\n"; // 在每行结束后添加换行符 } ``` 外层的`for`循环(用变量`i`表示)迭代`tableObj`的`rows`属性,...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 ...

    table 选择隐藏列

    标题“table 选择隐藏列”涉及的是HTML和CSS中的表格操作,特别是关于如何在网页上隐藏或显示表格的特定列。在网页设计中,我们经常需要根据用户需求或页面布局来控制表格元素的可见性。这里我们将深入探讨这个主题...

    毕向东javaScript

    表格是HTML中用于展示数据的重要元素,由`&lt;table&gt;`、`&lt;caption&gt;`(标题)、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头单元格)和`&lt;td&gt;`(普通单元格)组成。`&lt;th&gt;`一般用于第一行或第一列,显示加粗的标题。表格的宽度可以用百分比...

    datagrid 4种解决table对齐

    在实际应用中,我们常常会遇到一个问题:如何确保`Datagrid`中的表头和列内容正确对齐。标题"datagrid 4种解决table对齐"和描述"datagrid 4种解决方案 表头与列对齐"正是针对这一问题提出的不同解决策略。下面我们将...

Global site tag (gtag.js) - Google Analytics