读书人

小弟我想实现添加复制某一行,麻烦帮看

发布时间: 2012-09-13 09:51:52 作者: rapoo

我想实现添加复制某一行,麻烦帮看下代码有误不?
<script>
function add(v){
var myTabl=document.getElementById("mytable");
var trs=document.getElementsByTagName('tr');
for(var i=0;i<trs.length;i++)
{
if(v==trs[i])
{
var newrow=trs[i].cloneNode(true);
myTabl.appendChild(newrow);

}
}

}
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="mytable">
<tr onclick="add(this)">
<td> dddddddddddddd</td>
</tr>
<tr>
<td> ddddddd22222ddddddd</td>
</tr>
</table>
这里ie调试没有出错,就是没有效果出来。有意帮忙解决的朋友,记得贴对的代码,不必让俺白白研究半天发现根本
用不了那就悲剧了。

[解决办法]
早几百年前贴的就是对的,不废话,直接上代码,复制过去运行即可

HTML code
<!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=utf-8" /><title>测试</title><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">function add(){    $("#myTable2").append("<tr tabindex='0'><td>3243423</td></tr>")}$(function () {        $("#myTable2 tr ").live({            "keydown":function(e){                var Key=e.keyCode||e.which||e.charCode;                if (Key == 107 || Key == 187)//187是右边数字小键盘上的,107是左边退格键旁边的                  {                       $(this).clone(true).insertAfter(this);                }              }        })  });</script></head><body><table border="1" width="200" style="width:200px;height:20px;" id="myTable2"></table><input type="button" onClick="add()" value="增加一行"/>:快捷键操作方式:先鼠标点一下新增出来的行,然后按“+”号</body></html> 

读书人网 >JavaScript

热点推荐