<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>动态增删表格行</title> <script language="JavaScript"> <!-- //author: Robin //email: griefforyou@gmail.com var rowIndex=0; function addLine(obj){ var objSourceRow=obj.parentNode.parentNode; var objTable=obj.parentNode.parentNode.parentNode.parentNode; if(obj.value=='增加'){ rowIndex++; var objRow=objTable.insertRow(rowIndex); var objCell; objCell=objRow.insertCell(0); objCell.innerHTML=" "; objCell=objRow.insertCell(1); objCell.innerHTML=objSourceRow.cells[1].innerHTML; objCell=objRow.insertCell(2); objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除'); } else{ objTable.lastChild.removeChild(objSourceRow); rowIndex--; } } function removeLine(){ } //--> </script> </head> <body bgcolor="#ffffff"> <form name="form1" method="post"> <table width="400" border="0"> <tr> <td>基本信息</td> <td><select name="select"> <option value="" selected>选择</option> <option value="1">第一</option> <option value="2">第二</option> </select></td> <td><input name="basicinfo" type="text" id="basicinfo"> <input name="add" type="button" id="add" value="增加" onClick="addLine(this)"></td> </tr> <tr> <td>其它信息</td> <td> </td> <td><input type="text" name="textfield"></td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </form> </body> </html>
推荐阅读
JavaScript 特殊字符
你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。
插入特殊字符
反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
请看下面的JavaScript代码:var txt="We are the so-called "Vi>>>详细阅读
本文标题:javascript实现动态增加删除表格行(兼容IE/FF)
地址:http://www.17bianji.com/kaifa2/JS/30639.html
1/2 1