<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
function showTable(id){
var tb=document.getElementById(id);
var rows=tb.rows;
for(var i=0;i<rows.length;i++){
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){
if (cells[j].name == "god"){
alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value + " hidden=" +cells[j].childNodes[0].hidden );
}
}
}
}
function showTd(id){
var td=document.getElementById(id);
var cell=td.parentElement;
alert(cell.childNodes[0].value);
alert(cell.cellIndex);
}
</SCRIPT>
</head>
<body>
<input type="button" onclick="showTable('mailTable');" value="遍历table"/>
<input type="button" onclick="showTd('th01Input');" value="取得td的index"/>
<table id="mailTable">
<tr>
<td name="god"><input name="input1" value="th00" hidden="343434" ></td>
<td>wo</td>
</tr>
<tr >
<td name="god"><input name="input3" hidden="aaa" ></td>
<td name="god"><input name="input4" hidden="bbb" ></td>
</tr>
<tr>
<td><input name="input5" value="th20"></td>
<td><input name="input6" value="th21"></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何使用JavaScript来遍历含有input的table，并结合实例讲解如何利用jsp读取数据库动态生成表格，以及JavaScript遍历table的相关技术。 首先，我们来看一个典型的HTML表格结构，如以下代码所示： ``...
2. find方法：在获得div后，使用.find("table[name='info']")方法来选取所有具有特定name属性的表格。find方法用于在指定的元素集合中递归地搜索所有匹配的后代元素。 3. 遍历表格：通过for循环结合.eq(i)方法遍历...
这里的`:prop`属性值是动态计算的，`scope.$index`代表当前行的索引，结合`tableData`数组中的键名，确保了每个输入框都有相应的验证规则。 对于`el-input`中的`v-model`，我们需要将其绑定到`scope.row`上，以便...
// 如果当前行和下一行的单元格内容相同，则隐藏下一行的单元格，并增加当前单元格的 rowSpan 属性值 table.rows[j].cells[c].style.display = 'none'; table.rows[i].cells[c].rowSpan++; } else { break; } ...
在JavaScript和Vue.js的开发环境中，Ant Design Vue (antd-vue)是一个常用UI库，用于构建用户界面。本文将深入探讨如何使用antd-vue和Vue实现动态验证循环属性的表单，满足以下需求： 1. **名称**、**对比项**和**...
这里，`tableData`是包含表格数据的数组，每个对象都有一个`inputValue`属性用于存储输入框的值。`@input="handleInput"`监听输入事件，`handleInput`方法可以接收输入事件和当前行的索引，从而更新相应的数据。 ##...
在JavaScript中，动态增加table是一种常见的操作，尤其在网页交互和数据展示中。在这个场景中，我们看到的代码是用于JSP页面上的一个功能，它允许用户动态添加表格行（`<tr>`）到已有表格中。以下是相关知识点的详细...
本示例主要展示了如何使用JavaScript遍历表格的内容以及获取表元（cell）的属性值。以下将详细讲解这两种方法。 首先，我们来看第一种方法：遍历并输出Table中的内容。 ```javascript function f() { var t = ...
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
### JavaScript 实现输入多行动态输入 在网页开发过程中，特别是在使用JSP处理用户输入时，经常需要收集用户的多行输入。本篇文章将基于提供的标题、描述和部分内容，详细阐述如何利用JavaScript实现输入多行动态...
最后通过`tdArr.eq(index).find("input").val()`获取每个`<td>`内`<input>`元素的值，这里的index是`tdArr`数组中的索引，分别对应不同的输入值，比如收入类别、收入金额等。 知识点四：jQuery遍历表格tr获取td值的...
另外，还有一个隐藏的input元素（id为`tdInitValue`），用于保存单元格修改前的原始值，以便用户点击取消按钮时，可以将单元格内容恢复到原始值。最后，这个Div将作为HTML内容替换原单元格内容。 当用户完成文本...
在本文中，我们将探讨如何使用JavaScript（JS）动态生成表格，并将表格中的数据提交到后端服务器。动态生成表格是Web开发中常见的需求，特别是在需要用户输入数据并提交给服务器进行处理的场景中。掌握这一技能对于...
在jQuery中，可以方便地对这些元素进行操作，比如获取或设置`<input>`的值，以及处理用户提交的表单数据。 在源码中，"132677908832234187"很可能是主要的JavaScript文件，可能包含了实现这些特性的代码。开发者...
2. 创建一个新的`tr`元素，并设置其属性，比如id。 3. 在`tr`元素中添加需要的单元格（`td`元素），并为单元格添加相应的输入控件，如`input`或`textarea`。 4. 将新创建的`tr`元素追加到`tbody`元素中。 例如，在...
在Web开发中，表格(table)是常见的结构化数据显示方式。当需要对表格中的数据进行处理，比如获取每一行(tr)中的第一个单元格(td)的数据时，使用jQuery能够非常方便地实现这一需求。jQuery是一个快速、小巧、功能丰富...
` 每添加完一行后，计数器`count`递增，以便为新行的输入框设置唯一的name属性值。 - `function del(btn)` 函数用于删除用户点击的行。 - `var tr = btn.parentElement.parentElement;` 获取被删除按钮所在的行。 ...
在JavaScript编程中，"JS表格自增行（包括控件）"是一个常见的需求，尤其是在Web应用中处理数据展示和编辑时。这个主题涉及到如何动态地向HTML表格添加新行，并且这些新行可能包含各种输入控件，如文本框、复选框、...
例：$=，属性值以value结束的 2.4DIV+CSS组合选择器 注意box-sizing 三.JavaScript 用<script></script>标签包围，这里面的代码如同java里面的代码一样有操作性 这里面的数据是弱数据类型 有顺序结构、循环...