<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加Table行</title>
</head>
<script>
function addRow(obj)
{
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=checkbox id="box4">';
newTd1.innerText= '新加行';
}
</script>
<body>
<table id="testTbl" border=1>
<tr id="tr1">
<td ><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>
<tr id="tr2">
<td ><input type=checkbox id="box2"></td>
<td id="b">第二行</td>
</tr>
<tr id="tr3">
<td ><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
</table>
<br />
<input type="button" id="add" onclick="addRow();" value="Add Row" />
</body>
</html>
分享到：
相关推荐
js动态添加行和删除行
js动态添加行js动态添加行js动态添加行
利用javascript动态添加行(原创)，附有示例代码
动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行
js动态添加行和列
使用js动态添加行，简单而方便，所以操作table。
javascript动态添加表格数据行 在很多web应用中，我们会遇到很多需要动态插入多行纪录的地方。比如，在人才网站上，我们填写简历的时候，我们要填写我们的项目经验，我们可以根据自己的实际情况动态的添加条数，这种...
table动态添加行并进行行数据编辑，数据修改等操作，动态操作table
本文代码主要实现了javascript如何操作table并动态添加行的方法
通过js实现动态添加行，前台实现代码在我的博客中，这是add.js的源码
用js实现的动态添加一行 支持firefox IE 学习ajax的基础练习
js动态添加 删除行
通过js来控制动态加一行或删除一行，非常适合table中td一行的添加和删除。
主要包括各种js技术：如动态添加行、删除行、2,3，4多级联动 正则表达式 父窗口弹出子窗口， 数据校验等
js动态添加表(table、行).html 点击可直接运行，或查看源码
利用javascript来结合html，可以动态的添加一行数据，和根据索引来删除一行数据。
//创建一行 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...
通过js实现，点击添加按钮，在tabel中添加一行，带有输入文本框。和删除按钮