<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'tableaddrow.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function tableAddRow(tableName)
{
var row = tableName.insertRow(tableName.rows.length); //行对象
var i = tableName.rows.length - 2; //table原有的行数
var col; //列对象
if(tableName==tableId)
{
col = row.insertCell(0);
col.innerHTML = "<input type='text' size='1' />";
col = row.insertCell(1);
col.innerHTML = "<input type='text' size='1' />";
col = row.insertCell(2);
col.innerHTML = "<input type='text' size='1' />";
col = row.insertCell(3);
col.innerHTML = "<input type='text' size='1' />";
}
}
</script>
</head>
<body>
<input type=button value=增加行 onclick="tableAddRow(tableId);" />
<table id="tableId">
<tr bgcolor="#E1F0C4">
<td>标号</td>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
要添加一行，我们需要确定要在哪一行之后插入新的行。jQuery提供了`eq()`方法来选择具有特定索引的元素。例如，`$("#mytable tr").eq(0)`将选择第一行，`$("#mytable tr").eq(-1)`将选择最后一行。`nth-child(n)`...
支持在任意行添加一行且可配置的，如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行，随需求的变化都不会影响。 前提条件：行数需在表中存在否则添加不成功。 2）、删除一行 支持动态...
当用户点击按钮时，这个方法会被调用，从而在表格中添加一行新数据。 当然，实际应用中可能需要根据具体需求调整单元格的数量和内容。例如，你可能需要从数据库获取数据填充单元格，或者让用户输入数据后再添加。...
JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中，`<table>`元素用于创建表格，但...
实现自动添加table行，增删改查功能统一完成实现，统一提交
使用javascript实现table动态增加删除行列。
通常，我们不希望删除第一行，所以新行会添加到第二行之后： ```javascript function addRow() { var table = document.getElementById('myTable'); var newRow = table.insertRow(-1); // 在最后一个行后插入...
每一行（Row）由`<tr>`标签定义，每一列（Column）由`<td>`（数据单元格）或`<th>`（表头单元格）标签定义。例如： ```html <table> 姓名 年龄 张三 <td>25 </table> ``` 二、JavaScript动态添加行 1....
如果要将新行添加到表格的最后一行，可以这样操作： ```javascript var table = document.getElementById('myTable'); table.appendChild(newRow); ``` 5. **删除元素**：要删除已存在的行，可以使用`...
例如，可以为`<button>`元素添加一个`click`事件，触发添加或删除行的功能。 ```html 添加行 删除选中行 document.getElementById('addBtn').addEventListener('click', function() { addRow('myTable', ['新...
在处理表格（Table）元素时，JavaScript可以帮助我们实现实时的动态操作，比如添加、删除和复制行。本文将详细讲解如何使用JavaScript来实现这些功能。 首先，我们需要了解HTML中的`<table>`元素。它用于创建表格，...
在这种情况下，通过对LayUI的table模块进行自定义修改，我们可以实现动态数据加载时插入空白行的功能。 首先，理解LayUI的table模块。LayUI的table组件是一个强大的数据展示工具，它支持各种操作，如分页、排序、...
//创建一行 for(var i=0;i;i++){ var _tr=_table.insertRow(i); //创建八列 for(var j=0;j;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+j.toString...
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作，包括动态地添加和删除表格行。本文将深入探讨如何使用jQuery实现这一功能，以提高网页交互性。 一、HTML基础 首先，我们需要一个基本...
在网页开发中，动态增加table行是一项常见的需求，特别是在数据展示和交互丰富的应用中。这个功能使得用户可以在表格中实时添加、编辑或删除数据行，提供了更好的用户体验。下面将详细解释这一技术及其相关知识点。 ...
•问题描述：想实现点击按钮在表格添加一行的功能，但发现layuii并未集成该工具栏，因此，需要自己手动添加这个功能； •原先我写的table是这样实现的： $(#addTable).click(function(){ var tr= <tr>+ <td>11...