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动态添加表格行.zip
安卓Android源码——动态添加表格行.zip
android动态添加表格行.zip源码资源下载android动态添加表格行.zip源码资源下载
android动态添加表格行Demo.zip
小程序源码 动态添加表格行.rar
Android高级应用源码-android动态添加表格行.zip
安卓开发-android动态添加表格行.zip
安卓Andriod源码——动态添加表格行.zip
android动态添加表格行.zip项目安卓应用源码下载android动态添加表格行.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习研究参考 3.适合公司开发项目技术参考
Android应用源码之android动态添加表格行.zip
安卓Android源码——android动态添加表格行.rar
安卓Android源码——android动态添加表格行.zip
android动态添加表格行.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
Android应用源码开发Demo,主要用于毕业设计学习。
实现自动添加table行,增删改查功能统一完成实现,统一提交
表格部分代码如下: ”testTbl” border=1> ”tr1″> <td width=6%><input type=checkbox id=”box1″> ”b”>第一行 ”tr2″> <td width=6%><input type=checkbox id=”box2″> ”b”>第二行 ...