<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中添加一行,带有输入文本框。和删除按钮