`
默默的小熊
  • 浏览: 233556 次
社区版块
存档分类
最新评论

利用JS动态增加行

 
阅读更多 


<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>测试</title>

		<script language="JavaScript">
var count = 0;
function addRow() {
	//添加一行 
	var newTr = testTbl.insertRow(testTbl.rows.length);
	//添加两列 
	var newTd0 = newTr.insertCell();
	var newTd1 = newTr.insertCell();
	var newTd2 = newTr.insertCell();
	//设置列内容和属性 
	newTd0.innerHTML = "<input type='checkbox'>";
	newTd1.innerText = "第" + count + "行";
	count++;
}
</script>
	</head>

	<body>
		<table id="testTbl">
		</table>
		<label>
			<input type="button" value="插入行" onclick="addRow()" />
		</label>
	</body>
</html>
 
分享到：
| LinkList
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    利用javascript动态添加行(原创)

    在JavaScript编程中，动态添加行是一项常见的任务，特别是在构建数据驱动的Web应用或者处理表格数据时。这个技术允许用户在运行时向HTML表格或其他结构化元素中插入新的内容，提高用户体验，无需页面刷新。以下是对...

    js动态添加行

    以下是关于"js动态添加行"的详细解释： 1. **理解DOM**: DOM是HTML或XML文档的结构化表示，它将网页内容转化为一个树状结构，使得我们可以用编程方式访问和修改页面元素。在JavaScript中，`document`对象提供了与...

    JS动态增加删除表格行

    本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先，我们来了解一下HTML表格的基本结构。一个表格由`&lt;table&gt;`元素包含，其中包含`&lt;tr&gt;`（表格行）元素，每行内可以有多个`&lt;td&gt;`（表格数据单元格）或`...

    table 使用js 高效 动态添加行

    在网页开发中，表格（Table）是展示数据的常用元素，而JavaScript（js）则提供了强大的功能来操作DOM（文档对象模型），包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行，...

    javascript动态添加表格数据行

    在这个例子中，我们将探讨如何利用JavaScript在HTML表格中实现动态添加行，并将数据提交到服务器进行存储。 首先，我们需要创建一个基本的HTML结构，包括一个表单和一个表格。表格中包含预定义的列，如项目名称、...

    table动态添加行并编辑

    JavaScript（js）作为客户端脚本语言，使得我们能够实现表格的动态交互功能，如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中，`&lt;table&gt;`元素用于创建表格，但...

    javascript table 增加删除行,巧妙实现

    在JavaScript中，表格（Table）是网页数据展示的常用元素，而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先，我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    js动态添加和删除行

    "js动态添加和删除行"这个主题就是关于如何利用JavaScript在HTML表格（`&lt;table&gt;`）中实现动态添加和移除行的功能。这种功能在数据展示、用户输入等场景下非常常见，比如在线表格编辑器、数据库数据查看等。 动态...

    js动态条目添加

    "js动态条目添加"这个主题聚焦于如何利用JavaScript来实现网页内容的动态添加，而CSS则扮演着为这些动态元素提供美观架构的角色。这里我们将深入探讨这两个技术的核心概念、相互配合的方式以及实际应用。 ...

    jstable添加行删除行复制行

    在处理表格（Table）元素时，JavaScript可以帮助我们实现实时的动态操作，比如添加、删除和复制行。本文将详细讲解如何使用JavaScript来实现这些功能。 首先，我们需要了解HTML中的`&lt;table&gt;`元素。它用于创建表格，...

    Html动态添加行

    JavaScript文件（在这里可能是`js`目录下的一个或多个文件）则负责处理动态添加行的逻辑。jQuery库提供了简便的API来操作DOM，例如`$(selector).append(content)`可以将新的HTML内容追加到指定的选择器后面，从而...

    利用原生JS动态增加或删除表单的输入行

    工作分享：利用原生JS动态增加或删除表单的输入行

    JS动态增加删除行

    在JavaScript中，动态增加和删除行是常见的前端开发任务，特别是在构建数据表格或者表单时。这个简单例子展示了如何利用JavaScript实现这样的功能，为用户提供更加交互式的体验。在这个例子中，我们将探讨如何通过...

    js动态添加删除行，实用

    在JavaScript编程中，动态添加和删除表格行是常见的需求，特别是在网页交互和数据展示中。本文将详细讲解如何使用纯JavaScript实现这一功能。 首先，我们需要理解HTML中的`&lt;table&gt;`元素，它是创建表格的基本结构。...

    javascript动态添加一行数据和删除数据

    利用javascript来结合html，可以动态的添加一行数据，和根据索引来删除一行数据。

    js-动态添加行、多级联动、数据库SQL

    首先，动态添加行（Dynamic Row Addition）是指在网页表格中根据用户需求实时增加新的行数据。这通常用于数据输入或编辑场景，如在线表单填写。实现这一功能，开发者需要掌握DOM操作，如createElement、appendChild...

    Ajax动态表格，可适时添加行、删除行、复制行

    本话题将深入探讨如何实现一个动态表格，用户可以适时添加、删除和复制表格中的行。 首先，我们需要理解Ajax的工作原理。它通过JavaScript发送异步HTTP请求到服务器，获取或提交数据，然后使用JavaScript处理这些...

    动态创建iframe,并动态添加js执行代码

    在IT行业中，动态创建iframe和动态添加JavaScript代码是一种常见的技术，尤其在页面加载后需要异步加载内容或者实现跨域通信时。以下是对这个主题的详细讲解。 首先，`iframe`（Inline Frame）是HTML中的一种元素，...

    javascript动态添加tr节点

    本文将深入探讨如何使用JavaScript动态地向HTML表格（table）中添加`tr`（行）节点，同时结合“工具”类标签，我们可以理解这是一个关于网页开发实用技巧的主题。 首先，我们需要了解HTML表格的基本结构。一个表格...

Magicbox
Global site tag (gtag.js) - Google Analytics