inserRow()
和
insertCell()
函数
insertRow()
函数可以带参数，形式如下：
insertRow(index)
这个函数将新行添加到
index
的那一行前，比如
insertRow(0),
是将新行添加到第一行之前。默认的
insertRow()
函数相当于
insertRow(-1),
将新行添加到表的最后。
insertCell()
和
insertRow
的用法相同。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>..</title>
</head>
<body>
<table id="test0">
<table>
<table id="test1">
<tr>
<td>内容：<input id="content" name="content" type="text"></td>
<td>时间：<input id="time" name="time" type="text"></td>
<td><input id="add" type="button" value="添加"></td>
</tr>
</table>
<script type="text/javascript">
document.getElementById("add").onclick = addC;
function addC(){
var table1 = document.getElementById("test0");
var content = document.getElementById("content").value;
var time = document.getElementById("time").value;
//添加一行
var newTr = table1.insertRow(0);
//添加两列
var newTd0 = newTr.insertCell(0);
newTd0.innerHTML = "内容："+ content ;
var newTd1 = newTr.insertCell(1);
newTd1.innerHTML= "时间 ："+ time ;
}
</script>
</body>
</html>
.
分享到：
相关推荐
在JavaScript编程中，动态添加表格行是一项常见的任务，特别是在创建数据展示或编辑功能时。本文将深入探讨如何使用模板和标记技术来实现这一功能。首先，我们先了解一下基本概念。 **1. 模板（Template）** 模板是...
标题：“JavaScript 动态添加表格行 使用模板、标记”描述了在客户端使用JavaScript技术动态地向网页表格中添加新的行的操作方法。在Web开发中，经常需要在不重新加载页面的情况下动态更新表格内容，JavaScript提供...
1. **添加表格行**： 要动态添加一行，首先需要获取到表格的引用，通常是通过`document.getElementById`或`document.querySelector`来实现。然后，创建一个新的`<tr>`元素，并为它添加需要的`<td>`子元素。最后，...
在JavaScript编程中，动态添加表格数据行是一种常见的需求，特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录，提高了用户体验。在这个例子中，我们将探讨如何利用...
在用户通过JavaScript动态添加表格行后，这些数据可以通过AJAX异步提交到服务器。使用`XMLHttpRequest`对象或者现代浏览器支持的`fetch` API，我们可以将表格的新状态发送到后台，然后更新formbean的String数组： `...
在JavaScript编程中，动态添加表格行是一个常见的需求，特别是在数据可视化或者用户交互丰富的网页应用中。这个功能允许我们在用户操作或者接收到服务器数据时，实时地向HTML表格中插入新的行，更新显示的信息。以下...
首先，让我们从添加表格开始。在HTML中，表格由`<table>`、`<tr>`（行）、`<td>`（单元格）等标签组成。使用JavaScript，我们可以动态创建这些元素并插入到文档中。例如： ```javascript // 创建一个新的表格 var ...
首先，让我们来理解“JavaScript自动添加表格”。在HTML中，表格由`<table>`元素定义，行(`<tr>`)、列(`<td>`或`<th>`)以及表头(`<thead>`)和表体(`<tbody>`)等组成。在JavaScript中，我们可以利用DOM（Document ...
本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行，并提供相关的实践示例。 一、表格基础 在HTML中，表格由`<table>`标签开始，`</table>`标签结束。每一行（Row）由`<tr>`标签定义，每一列（Column...
JavaScript 动态创建表格是指使用 JavaScript 语言来动态地创建和修改 HTML 表格的行和单元格。这种技术非常有用，特别是在需要频繁地更新表格数据的情况下。 动态创建表格的两种方式 1. 使用 `appendChild()` ...
JavaScript动态操作表格，添加，删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
在本主题中，我们将深入探讨如何使用纯JavaScript来实现表格（table）的行增删功能，这对于创建数据管理界面或者用户输入表单的网页特别有用。 首先，我们需要了解HTML中的`<table>`元素。`<table>`是用于展示结构...
JQuery 可拖曳动态添加表格、动态排序 ...我们使用了 JQuery 的 sortable 插件来实现可拖曳动态添加表格，然后使用 JQuery 的 append 方法来实现动态添加表格行的功能。这个功能可以帮助用户更方便地管理表格中的数据。
在动态添加表格行的场景中，JavaScript可以监听用户的操作，如点击按钮，然后在HTML表格中插入或移除行。以下是一个简单的示例： ```html 内容 <td><button onclick="addRow()">添加</button></td> <td>...
要动态添加表格行，我们通常会在用户触发某个事件（如点击按钮）时执行相关操作。以下是一个基本的示例： ```html 添加行 初始数据 ``` ```javascript $(document).ready(function() { var rowNum = 1; ...
NULL 博文链接：https://1148130696.iteye.com/blog/1726191
javascript实现动态的添加表格功能