首页 > 网络编程 > JavaScript > javascript技巧 > 动态删除 TABLE行 javascript DOM操作之动态删除TABLE多行 2009-12-18 00:48:21 作者： DOM动态删除TABLE tr行的实现代码，需要的朋友可以参考下。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DOM动态删除TABLE多行</title> <script type="text/javascript"> function $(objId){ return document.getElementById(objId); } function del_tbl(tblN,ckN){ var ck = document.getElementsByName(ckN); var tab = $(tblN); var rowIndex; for(var i=0;i<ck.length;i++){ if(ck[i].checked){ rowIndex = ck[i].parentNode.parentNode.sectionRowIndex; tab.deleteRow(rowIndex); i = -1; } } }</script> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="253" border="1" align="center" id="list"> <tr> <td><input type="checkbox" name="cb_k" id="cb_k" /></td> <td>2</td> <td>3</td> </tr> <tr id="tr1"> <td width="28" height="41"><input type="checkbox" name="del" id="del" /></td> <td width="124"><div align="center">第一行 </div></td> <td width="79"><div align="center">1</div></td> </tr> <tr id="tr2"> <td height="36"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第二行 </div></td> <td><div align="center">2</div></td> </tr> <tr id="tr3"> <td height="40"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第三行 </div></td> <td><div align="center">3</div></td> </tr> <tr id="tr4"> <td height="37"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第四行 </div></td> <td><div align="center">4</div></td> </tr> <tr id="tr5"> <td height="50"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第五行 </div></td> <td><div align="center">5</div></td> </tr> <tr> <td colspan="3"> <div align="center"> <input type="button" name="btn_del" id="btn_del" value="删 除" onclick="del_tbl('list','del')"/> </div></td> </tr> </table> </form> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:javascript dom操作之cloneNode文本节点克隆使用技巧javascript中HTMLDOM操作详解JavaScript DOM操作表格及样式JavaScript基础语法、dom操作树及document对象JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法JavaScript中 DOM操作方法小结JavaScript学习笔记之DOM操作实例分析了解javascript中的Dom操作使用js dom和jquery分别实现简单增删改JavaScript中Dom操作实例详解
