作家
登录

javascript实现动态增加删除表格行(兼容IE/FF)

作者: 来源:www.28hudong.com 2013-03-30 03:34:23 阅读 我要评论

<!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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)