小弟我想实现添加复制某一行,麻烦帮看上代码有误不
日期：2014-05-16 浏览次数：20475 次
我想实现添加复制某一行,麻烦帮看下代码有误不?
<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调试没有出错，就是没有效果出来。有意帮忙解决的朋友，记得贴对的代码，不必让俺白白研究半天发现根本
用不了那就悲剧了。
------解决方案--------------------
早几百年前贴的就是对的，不废话，直接上代码，复制过去运行即可
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
