<html>
<head>
<title>自动添加一行或删除一行</title>
</head>
<script>
var rowid=3;
function insertRow(){
newRow=PLList.insertRow(PLList.rows.length);
newRow.id="tdt";
newRow.bgColor="#e0e0e0";
newRow.className="tableData";
c1=newRow.insertCell(0);
c1.id="delItem";
c1.className="scheduleButtonVisible";
c1.innerHTML="<input type=text name=PLID value=0>";
c2=newRow.insertCell(1);
c2.innerHTML="<input type=text size=10 maxlength=10 name=date class=tableData >";
c3=newRow.insertCell(2);
c3.innerHTML="<input type=text size=10 maxlength=10 name=date1 class=tableData >";
}
//删除最后1行
function DeleteRow(tableId)
{ var objTable = document.getElementById(tableId);
if(objTable.rows.length==1)
{ alert("对不起，你不能删除表格头!!!");
return; }
if(confirm("确定删除?"))
{ objTable.deleteRow(); }
}
</script>
<body>
<table><tr><td>
<table id=PLList><tr><td>aa</td><td>bb</td><td>cc</td></tr></table>
</td></tr></table>
<input type="button" value="addRow" onclick="insertRow()">
<input type="button" onClick="DeleteRow('PLList')" value="删除一行">
</body>
</html>
分享到：
相关推荐
每一行下面可以再添加一行。序号自动改变"知识点的详细解释： 1. **动态创建DOM元素**： - 在JavaScript中，我们可以通过`document.createElement()`方法来创建新的HTML元素，如`tr`（表格行）和`td`（表格单元格...
标题中的“通过点击添加按钮即可自动添加一行点击删除即可自动删除一行”指的是一个交互功能，常见于表格或者列表中，允许用户动态地增加或减少条目。这种功能在Web开发中非常常见，尤其是在数据管理、表单填写等...
本篇文章将深入探讨如何使用JavaScript自动添加、删除表格，以及实现窗口居中显示的相关技术。 首先，让我们来理解“JavaScript自动添加表格”。在HTML中，表格由`<table>`元素定义，行(`<tr>`)、列(`<td>`或`<th>`...
本文将基于给定的脚本代码来详细介绍如何使用JavaScript（简称JS）实现动态添加、删除行以及对齐剩下的元素下标等功能。 #### 二、关键函数解析 ##### 1. `get_Element` 函数 该函数用于获取指定标签名的DOM元素...
### 自动增加删除表格行代码（纯JS） 在网页开发中，动态地操作HTML元素是一项常见且实用的功能。本文将详细介绍如何使用纯JavaScript实现表格行的自动增加与删除功能，以及如何为表格中的特定单元格添加当前日期。...
首先，我们需要在GridView的每一行中添加一个删除按钮，通常是作为模板字段来实现。这个按钮通常是一个LinkButton或者ImageButton，带有命令名称（CommandName）和命令参数（CommandArgument），用于标识要删除的行...
3. **动态添加行**：可以添加一个按钮，点击后可以动态地向表格中添加一行。 4. **表单验证**：如果表格用于收集用户数据，还可以添加表单验证功能，确保用户输入的数据格式正确。 通过以上解析和扩展，我们可以更...
在这个例子中，`addRow`函数首先通过`getElementById`获取到表格对象，然后使用`insertRow`方法在表格的最后添加一行。接着，我们对新行中的每个单元格执行相同的操作：`insertCell`插入单元格，并设置其内容。 ...
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互。本教程将深入探讨如何使用jQuery实现表格（table）的动态添加行和编辑功能，这对于构建数据驱动的Web应用至关重要...
如果未指定列数，函数会自动获取表格的第一行的列数。 ```javascript function addRow(tabObj, colNum, sorPos, targPos) { // ... var nTR = tabObj.insertRow(tabObj.rows.length - targPos); var TRs = ...
在Column Layout中，动态新增一行意味着在已有列的基础上增加一个新的行单元格，这些单元格会按照列的配置自动填充。 实现动态新增一行的核心步骤如下： 1. **创建基础结构**：首先，你需要定义一个EXT容器，设置...
1. **添加InsertItem模板**：在GridView设计视图中，选择"允许添加新行"选项，这会自动添加一个InsertItem模板。在模板中，你需要为每个字段添加TextBox或其他输入控件，以便用户输入新数据。 2. **编写代码处理...
6. **回车跳转**：这是一种增强交互性的特性，当用户在一个单元格内按下回车键时，焦点会自动移动到下一行的相同列或指定的下一个单元格。这加快了数据输入的速度，特别是在处理大量表格数据时。 在压缩包中的...
4. **动态交互**：为了使用户体验更好，可以添加更多的交互功能，比如禁用删除按钮，或者在添加行时自动填充数据。这可以通过检查特定条件或使用`addEventListener`来实现。 5. **性能优化**：在处理大量数据时，应...
在JavaScript编程中，"js动态添加行"是一个常见的需求，特别是在构建数据驱动的网页应用时。这个主题涉及到DOM操作、事件处理以及数据管理等多个方面。接下来，我们将详细探讨这一技术。 首先，我们要理解...
这将在表格的末尾添加一行，包含"数据1"和"数据2"。 为了使用户能够交互式地添加行，我们可能需要将此功能与按钮事件关联起来。例如，我们可以添加一个按钮，并在其点击事件中调用`addRow`： ```html (['新数据1',...
本资源“Layui表格行添加编辑删除操作和保存数据代码.zip”包含了一个完整的示例，演示了如何在Layui表格中实现动态的行添加、编辑和删除功能，并且将这些操作与数据保存相结合。下面我们将详细探讨这些知识点。 ...
又一个动态控制表格的效果，用JavaScript动态生成表格行、表格列，以及还可动态删除这些行列，行等，运行代码后，点击对应的功能按钮，即可实现对应的表格操作功能。 1.jsp 产品名称 编号 数量 重量 操作 ...
在处理大量数据时，有时候我们需要在GridView的底部添加一个合计行，以便快速查看数据的总和或其他统计信息。本篇将详细介绍如何通过代码实现动态地为GridView添加合计行。 首先，理解GridView的基本结构和功能。...
在Vue.js中，如果需要从列表中删除一行，可以使用JavaScript数组的splice方法，结合Vue的双向数据绑定特性，实现对DOM的动态更新。 ### Vue.js列表删除操作知识点 #### 1. splice() 方法的作用 在JavaScript中，...