`
demojava
  • 浏览: 548863 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

如何用js获取table第1行第2列的值

JavaScriptHTML 
阅读更多

<html>
<head >
  <title>演示获取Table的值</title>
  <script type ="text/javascript" language ="javascript" >
  function GetTable23()
  {
  var txt=document .getElementById ("txtReceiver");
   
  //第一种：用标记id的td元素，获取值方法
  txt .value=document .getElementById ("23").innerHTML ;
   
  //第二种：用获取Table（通过其id），指定获取的行、列
  var valueTd=document .getElementById ("tbl").rows [1].cells[2];
  txt.value=valueTd.innerHTML ;
   
   
  }
  </script>
</head>
<body>
 <div>
  <table  id ="tbl"  border="1">
  <tr>
   <td>11</td>
   <td>12</td>
  <td>13</td>
  <td>14</td>
  </tr>
  <tr>
   <td>21</td>
   <td>22</td>
   <td id ="23">23</td>
   <td>33</td>
  </tr>
  </table>
  <input id="txtReceiver" type="text">
  <input id="btnSubmit" type="button" value="获取" onclick ="GetTable23()"; />
  </div>
</body>
</html>

分享到：
| flex中的创建StringBuffer
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js获取table行 列 的值

    下面我们将详细介绍如何通过 JavaScript 来获取 HTML 表格（`&lt;table&gt;`）中的行（`&lt;tr&gt;`）和列（`&lt;td&gt;`）的值。 #### 核心知识点解析 ### 一、HTML 结构解析 首先，让我们来分析一下给定的 HTML 代码结构： ```...

    jQuery获取table下某一行某一列的值实现代码

    之后，使用.eq(0)方法获取每一行中的第一个单元格元素。 5. 获取单元格文本：通过.nameTd.text()方法获取到选定单元格中的文本内容，该方法返回的是元素的纯文本内容。 6. 显示弹窗结果：使用alert()函数显示获取...

    JQuery获取table一列值

    // 获取第二行第一列的值 if (Table_Rows) { // 这里应该是对获取到的值进行判断 var P_F = 0; $.each(Table_Rows, function (index, item) { var C_L = $(item).find("input[type=checkbox]"); // 查找复选框 ...

    JS获取Table中td值的方法

    特别是在表格（Table）中获取单元格（td）的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值，并通过实例分析一些操作技巧。 首先，当需要获取表格中多个行的任意td值时，可以为每个td...

    Js获取table当前tr行的值的代码

    本文将详细介绍如何使用JavaScript来实现这些功能，具体包括：获取选中行的第一列值、删除选中行以及实现行的选择与取消选择。 #### 代码解析 以下是对给定代码段的详细解析： 1. **初始化变量**： ```...

    获取table中某个td的值

    例如，获取第一行第二列的td： ```javascript var tdValue = document.querySelector('tr:first-child td:nth-child(2)').innerHTML; ``` 5. **通过DOM遍历获取**： 如果td的位置是相对固定的，也可以通过遍历...

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

    3. 访问特定列的单元格：在for循环内部，`tableId.rows[i].cells[1].innerHTML`用于获取每一行中的第二个单元格（即列索引为1的单元格）的内容。需要注意的是，JavaScript数组的索引从0开始，因此索引值1实际代表...

    jQuery实现获取table表格第一列值的方法

    要获取表格的第一列值，我们可以利用jQuery的选择器和遍历功能。以下是实现这一功能的关键代码段： ```javascript $(function() { $("#Button1").click(function() { var cols = ""; $("#tb tr").each(function...

    table表格固定行和列

    通过CSS定位技术，我们可以将表头（thead）和第一列（th）设置为固定位置。例如，使用`position: fixed`可以将元素从正常文档流中移除，使其相对于浏览器窗口进行定位。但这种方法存在局限，如在响应式布局中可能...

    table根据第一列将同名行合并(合并行)

    标题中的“table根据第一列将同名行合并(合并行)”指的是在处理表格数据时，如果发现连续的行具有相同的某一列（通常是第一列）的值，我们可以将这些行进行合并，只保留一行并整合其他列的信息。这种操作在数据分析...

    jstable添加行删除行复制行

    这里，`rowIndex`属性用于获取行的索引，`deleteRow`方法用于删除该行。 ### 复制行 复制行的步骤包括获取要复制的行，创建它的副本，并将其插入到适当位置。例如，要复制第一行： ```javascript var rowToCopy = ...

    Jquery Table 固定行和列

    例如，表头（thead）和第一列（th:first-child）通常会被设置为`position: fixed`，并可能需要调整宽度和高度以适应视口。 `固定行列.html`是HTML文件，其中包含了表格结构。这个文件可能会包含一个`&lt;table&gt;`元素，...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下，可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现： ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    HTML页面table表格固定行和列

    同时，我们需要确保表头的高度与实际表格的第一行高度一致，以保持视觉一致性。例如： ```html .fixed-header { position: fixed; top: 0; width: 100%; } &lt;table&gt; &lt;!-- 表头内容 --&gt; &lt;/table&gt; &lt;table...

    HTML表格固定第一行第一列效果

    为了解决这个问题，我们可以实现一个类似于Excel的功能，即在滚动时固定表格的第一行和第一列，使得在浏览大量数据时，关键的列名和行标识始终可见。以下将详细介绍如何实现这个效果。 首先，我们需要创建一个基本...

    js 实现 table 行排序 TableOrder.rar

    本资源“js 实现 table 行排序 TableOrder.rar”提供了一个实用的方法来实现这个功能。以下是对该实现的详细说明： 1. **HTML表格结构**： 在HTML中，`&lt;table&gt;`元素用于创建表格，`&lt;tr&gt;`表示表格行，`&lt;th&gt;`表示...

    JS实现动态修改table及合并单元格的方法示例

    例如，代码中的`var rowCount = tabObj.rows.length`获取了表格的行数，`var cellCount = tabObj.rows[0].cells.length`获取了第一行的列数。之后，通过`for`循环遍历每一行和每一列，对单元格进行修改或插入新的...

    原生JS实现HTML－ TABLE 自动行合并插件

    类功能描述：该插件生成一个具有行合并的列表数据，合并例由开发者指定。 开发者提供已排序的数据列表以及需要合并行的列名即可，无需后端二次处理数据。 该类以纯原生JS编写，无需引入任何第三方库。 调用方法：...

    js代码-查找table表格数据中每一列的最大值与最小值

    1. 初始化最大值和最小值变量为第一列的值。 2. 遍历每一行，获取当前行的单元格数组。 3. 对于每个单元格，将其值与当前最大值和最小值进行比较，更新它们。 4. 完成所有列后，最大值和最小值变量将包含所需的值。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics