方法一：从别的table中引入
<html>
<body>
<table id=t1><tbody>
<tr><td>111</td><td>222</td></tr></tbody>
</table>
======================================
<table id=t2 width=0 height=0>
<tr id=tr1><td>333</td><td>444</td></tr>
</table>
<input type='button' value='add' onClick=change()>
</body>
</html>
<Script>
function change(){
var t1=document.getElementById('t1');
var t2=document.getElementById('t2');
var tr1=document.getElementById('tr1');
t1.rows[t1.rows.length - 1].parentNode.appendChild(tr1);
alert(tr1);
alert(t1.innerHTML);
alert(t2.innerHTML);
}
</Script>
请注意，这样处理时，第二个table中的行将会被移除。
方法二：拷贝某个table中的一行，清空该行的信息,并改动hidden的input的name,如name[1] 改为 name[2]
//insertRow new row
function() insertRow {
//copy last row in table
var objTR = table.rows[table.rows.length - 1].cloneNode(true);
//get the specific row number for remove
//var deleteRowNum = table.rows.length - 1;
//append a new row at the end of table
table.rows[table.rows.length - 1].parentNode.appendChild(objTR);
this.clearElement(table.rows[table.rows.length - 1], 'input');
this.clearElement(table.rows[table.rows.length - 1], 'select');
this.clearElement(table.rows[table.rows.length - 1], 'textarea');
for ( var i = 0; i < table.rows[table.rows.length - 1].cells.length; i++) {
var str = table.rows[table.rows.length - 1].cells[i].innerHTML;
str = str
.replace(/\[[0-9]*\]/g, '[' + (this.account + 1) + ']');
table.rows[table.rows.length - 1].cells[i].innerHTML = str;
}
this.account++;
document.getElementById('dirtyFlag').value='true';
//this.resetTableClass();
}
// this function if for clear all input ,textarea,select
this.clearElement = function(obj, tagName) {
var input = obj.getElementsByTagName(tagName);
if (input.length > 0) {
for ( var i = 0; i < input.length; i++) {
if (input[i].type == 'text') {
input[i].value = '';
} else if (tagName == 'select') {
input[i].options[0].selected = true;
} else if (tagName == 'textarea') {
input[i].value = '';
}
}
}
}
分享到：
相关推荐
在JavaScript编程中，动态添加和删除表格行是一个常见的需求，特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...
在JavaScript编程中，动态添加表格数据行是一种常见的需求，特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录，提高了用户体验。在这个例子中，我们将探讨如何利用...
// 将表格添加到文档的某个位置，如body document.body.appendChild(table); ``` 接下来是删除表格。这通常涉及到找到特定的表格元素并使用`removeChild()`方法移除它们。例如，要删除刚才创建的表格，你可以这样...
JavaScript动态操作表格，添加，删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
JavaScript 动态创建表格是指使用 JavaScript 语言来动态地创建和修改 HTML 表格的行和单元格。这种技术非常有用，特别是在需要频繁地更新表格数据的情况下。 动态创建表格的两种方式 1. 使用 `appendChild()` ...
在JavaScript编程中，动态添加表格行是一个常见的需求，特别是在数据可视化或者用户交互丰富的网页应用中。这个功能允许我们在用户操作或者接收到服务器数据时，实时地向HTML表格中插入新的行，更新显示的信息。以下...
通过运行这个例子，我们可以看到如何在用户交互（比如点击按钮）时动态地向表格添加行。 **6. 扩展与优化** 为了提高性能和可维护性，可以考虑以下几点： - 使用模板引擎，如Mustache或Handlebars，来更优雅地处理...
- **创建新行**：要向表格添加行，首先需要创建一个新的`<tr>`元素，然后创建`<td>`元素并设置其内容。最后，将这些元素添加到表格的`<tbody>`标签内。 - **删除行**：通过获取行的引用（例如，通过点击事件的`...
本篇文章将深入探讨如何使用JavaScript自动添加、删除表格，以及实现窗口居中显示的相关技术。 首先，让我们来理解“JavaScript自动添加表格”。在HTML中，表格由`<table>`元素定义，行(`<tr>`)、列(`<td>`或`<th>`...
总之，JavaScript表格的行列动态添加是网页交互设计中的重要技能，结合formbean的String数组使用，能够灵活地处理和展示动态数据。在实际开发中，还需要考虑兼容性、错误处理和性能优化等问题，以提供更好的用户体验...
2. **新增行**：要向表格添加新行，首先需要创建一个`<tr>`元素，然后为该行添加单元格（`<td>`）。这可以通过`document.createElement()`方法实现，最后使用`appendChild()`将新行添加到表格的`<tbody>`元素中。...
JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中，`<table>`元素用于创建表格，但...
### JavaScript 下动态创建表格的三种方式 在网页开发过程中，经常需要通过JavaScript来动态地创建或更新HTML元素，其中就包括表格（`<table>`）。本文将详细介绍在JavaScript中动态创建表格的三种常见方法，并对每...
用JavaScript制作的动态表格，有添加、删除、全选、全不选，有对动态新增的域校验问题，有对新增的域设置readonly问题，还有对新增域中的span进行隐藏问题都有解决，还有对动态表格的讲解PPT一份。
NULL 博文链接：https://1148130696.iteye.com/blog/1726191
在JavaScript中，动态向表格添加数据是一项...总结来说，动态向JavaScript表格添加数据涉及HTML结构、JavaScript DOM操作、事件处理和数据绑定等多个方面。理解并掌握这些知识点对于构建交互式的Web应用程序至关重要。
然后获取了表格元素及其 tbody 元素，通过 for 循环遍历数组中的每个学生，动态创建了表格的每一行和每个单元格，并将学生的信息填充到对应的单元格中。 最后，为每行的删除操作添加了点击事件处理程序。当用户单击...
本知识点主要探讨如何使用JavaScript（简称JS）来实现表格动态插入行的功能。JavaScript是一种广泛使用的客户端脚本语言，它允许我们对网页进行实时更新和交互，而不需刷新整个页面。 首先，我们需要一个基本的HTML...
1. **HTML表格动态添加行**：在JavaScript或jQuery中，我们可以直接操作DOM元素来实现。例如，创建一个新的`<tr>`元素，为其填充`<td>`，然后将其插入到表格的适当位置。在.NET后台，可以生成HTML字符串并返回给前端...