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>
分享到：
相关推荐
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据列表或者展示可变数据时。这个主题主要涉及Android的布局管理和控件操作。本文将深入探讨如何在Android应用中实现这一功能，主要包括以下几个...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入表单时。这个场景通常涉及到`TableLayout`布局，它是Android提供的一个用于构建网格样式的视图容器。下面我们将深入探讨如何在...
在安卓（Android）开发中，动态添加表格行是一项常见的任务，尤其在构建数据展示或用户交互界面时。本文将深入探讨如何使用Android源码来实现这一功能，主要围绕`TableLayout`组件进行讲解。 `TableLayout`是...
在“android动态添加表格行.zip”中，我们可以找到一个名为`TableLayoutDemo`的示例项目，它展示了如何实现这个功能。 首先，我们需要理解`TableLayout`的基本用法。`TableLayout`是一个垂直布局容器，可以包含多个...
在Android应用开发中，动态添加表格行是一种常见的需求，特别是在数据展示或者用户交互场景下。这个"Android应用源码之android动态添加表格行"的压缩包文件提供了相关的示例代码，对于正在做毕业设计或者想要深入...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入的界面时。这个"Android高级应用源码-android动态添加表格行.zip"压缩包提供了相关的示例代码，帮助开发者理解如何在Android...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户交互的界面时。这个主题主要涉及Android的布局管理、数据绑定以及事件处理。以下是对这一知识点的详细说明： 1. **布局管理**：...
在安卓（Android）开发中，动态添加表格行是一项常见的任务，尤其在构建数据展示或用户交互界面时。这个“安卓Android源码——android动态添加表格行.zip”压缩包可能包含了示例代码，用于演示如何在运行时动态创建...
在JavaScript编程中，动态添加表格行是一项常见的任务，特别是在创建数据展示或编辑功能时。本文将深入探讨如何使用模板和标记技术来实现这一功能。首先，我们先了解一下基本概念。 **1. 模板（Template）** 模板是...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入表单的场景。本Demo主要展示了如何在Android应用中实现这个功能。下面将详细解释这个过程涉及的关键知识点。 首先，我们需要...
在Android开发中，动态添加表格行是一个常见的需求，特别是在数据展示和用户交互中。这个"应用源码之动态添加表格行.zip"文件很可能是提供了一个示例项目，用于教导开发者如何在Android应用中实现这样的功能。以下是...
在Android应用开发中，动态添加表格行是一种常见的需求，特别是在创建数据展示或者用户输入的界面时。本资源“Android应用源码之android动态添加表格行.zip”提供了关于如何实现这一功能的实例代码。通过分析这个...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或用户输入的应用场景中。这个压缩包“安卓开发-android动态添加表格行.zip”很可能包含一个示例项目，演示了如何在Android应用中实现这一...
这个“安卓Android源码——android动态添加表格行.rar”压缩包包含了一个示例项目，名为“TableLayoutDemo”，专门用于演示如何在运行时动态地向TableLayout中添加表格行。下面我们将深入探讨这一主题。 1. **...
在Android应用开发中，动态添加表格行是一种常见的需求，特别是在数据展示或者用户交互时。这个“android动态添加表格行-IT计算机-毕业设计.zip”压缩包文件提供了一个Android应用源码示例，专为毕业设计学习而设计...
在小程序开发中，动态添加表格行是一项常见的需求，特别是在数据展示和用户交互中。这个"小程序源码 动态添加表格行.rar"压缩包提供的TableLayoutDemo示例，旨在帮助开发者掌握这一技能。下面我们将详细探讨相关的...
在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入的界面时。这个"安卓Andriod源码——动态添加表格行.zip"文件可能包含了一个示例项目，名为TableLayoutDemo，它将帮助开发者...
在Android平台上，动态添加表格行是一项常见的任务，特别是在开发数据展示或者用户交互丰富的应用时。这个"android动态添加表格行.zip"项目源码提供了一个很好的示例，可以帮助开发者理解和实践如何在Android应用中...