JS动态添加表格(二)
2011-12-08 10:57
344 查看
使用insertRow ()和insertCell()动态添加表格
<!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=gb2312" /> <title>无标题文档</title> </head> <script type="text/javascript"> function addRow(){ //添加一行 var newTr = testTbl.insertRow(); //添加三列 var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = '<input type=checkbox id="box4">'; newTd1.innerHTML = ''; newTd2.innerHTML= '新加行'; } </script> <body> <table id="testTbl" border=1 width="30%"> <tr> <td><input type=checkbox id="box1"></td> <td id="b">第一行</td> <td id="b">第一行</td> </tr> <tr> <td><input type=checkbox id="box2"></td> <td id="b">第二行</td> <td id="b">第二行</td> </tr> <tr> <td><input type=checkbox id="box3"></td> <td>第三行</td> <td>第三行</td> </tr> </table> <a href="javascript:addRow()">增加</a> </body> </html>
相关文章推荐
- js用克隆(clone)的方法动态添加表格行
- 点滴积累【JS】---JS小功能(操作Table--动态添加删除表格及数据)
- js动态表格添加一行删除一行保存一行
- js实现动态添加表格的行
- JS动态添加给表格添加一行时,Firefox报错 Not enough arguments
- js实现动态添加、删除行、onkeyup表格求和示例
- js动态添加表格,全选和删除
- js实现表格行的动态添加------Day56
- js动态向页面中添加表格
- js 动态操作table 表格 在指定行后添加行 删除行
- js实现动态添加、删除行、onkeyup表格求和示例
- JS生成动态表格并为每个单元格添加单击事件的方法
- js在不刷新的情况下动态添加表格行
- js动态往表格的td中添加图片并注册事件
- JS动态添加表格(一)
- asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例
- JS动态创建表格,动态设置属性,动态添加事件
- JS 利用节点实现对表格的动态添加删除
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- js动态往表格的td中添加图片并注册事件