JS动态平添表格(二)-JavaSript-爱易网页

JS动态平添表格(二)

日期：2014-05-16　浏览次数：20387 次

JS动态添加表格(二)

使用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动态平添表格(二)

相关资料更多>

推荐阅读更多>