JavaScript实现点击按钮实现复制标签-Web开发/JavaScript


转自:http://biancheng.dnbcw.info/javascript/95601.html


今天遇到个难题:给个table,旁边设置按钮,点击后table中增添和上一行相同的一行,用JavaScript实现。谢谢各位!!
------回答---------

------其他回答(10分)---------

用DOM可以实现,用jquey应该更简单一些。
JScript code
   
   
<table width="200" border="1" id="test"> <tr> <td>1</td> <td>11</td> <td>111</td> </tr> <tr> <td>2</td> <td>22</td> <td>222</td> </tr> <tr> <td>3</td> <td>33</td> <td>333</td> </tr> </table><input name="" type="button" οnclick="addRow()" value="add row"/> <script type="text/ javascript"> function addRow(){ var table=document.getElementById("test"); var lastTr=table.firstChild.lastChild; var cloneNode=lastTr.cloneNode(true); table.firstChild.appendChild(cloneNode); } </script>
------其他回答(10分)---------

JScript code
   
   
<script language=" javascript"> function addRow(obj) { var tr = obj.parentNode.parentNode; var tbody = tr.parentNode; var newTr = document.createElement("tr"); newTr.innerHTML = tr.innerHTML; tbody.appendChild(newTr); } </script> </head> <body> <table class="style1" border="1"> <tr> <td> <input id="Text1" type="text" /></td> <td> <input id="Checkbox1" type="checkbox" /></td> <td> <select id="Select1" name="D1"> <option></option> </select></td> <td> <input id="Button1" type="button" value="添加" onclick = "addRow(this);" /></td> </tr> </table> </body>
------其他回答(10分)---------

用这个方法:table.deleteRow(tr.rowIndex)就可以了
------其他回答(10分)---------
引用 4 楼 zhk_0801 的回复:
那再删除最后一行怎么办??

HTML code
   
   
<html> <head> <script language="javascript"> function addRow(obj) { var tr = obj.parentNode.parentNode;//获取所在行 var tbody = tr.parentNode;//获取行的父节点 var obj = tr.cloneNode(4);//克隆一个一样的行 tbody.appendChild(obj); } function removeRow(obj) { var tr = obj.parentNode.parentNode; //获取所在行 var tbody = tr.parentNode; //获取行的父节点 tbody.removeChild(tr);//删除制定的行 } </script> </head> <body> <table class="style1" border="1"> <tr> <td> <input id="Text1" type="text" /></td> <td> <input id="Checkbox1" type="checkbox" /></td> <td> <select id="Select1" name="D1"> <option></option> </select></td> <td> <input id="Button1" type="button" value="添加" onclick = "addRow(this);" /> <input type="button" value ="删除" οnclick="removeRow(this);" /> </td> </tr> </table> </body> </html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值