<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调试没有出错,就是没有效果出来。有意帮忙解决的朋友,记得贴对的代码,不必让俺白白研究半天发现根本
用不了那就悲剧了。
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调试没有出错,就是没有效果出来。有意帮忙解决的朋友,记得贴对的代码,不必让俺白白研究半天发现根本
用不了那就悲剧了。
你的jquery库,使用以下的试试
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
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);
}
},
"click":function(e){
$(this).clone(true).insertAfter(this);
}
})
});
<!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>
function add(){
//只支持IE下,如果要解决兼容性,第一个if的判断条件,和第一个var的取值要改,试了下,改不动
if (event.keyCode == 43) {
if (confirm("您确定添加一行记录吗")) {
var currentrow = event.srcElement.parentNode; //当前行
var parentnode = currentrow.parentNode; //找到其父元素
var newrow = currentrow.cloneNode(true); //复制当前行
if(currentrow.nextSibling) //查看当前行是否有下一行的
{//找到下一行,把新复制的插入到其之前
var nextrow = currentrow.nextSibling;
parentnode.insertBefore(newrow,nextrow);
}else{//否则插入到最后
parentnode.appendChild(newrow);
}
}
}
}
</script>
<table border="1" width="200" style="width:200px;height:20px;" id="myTable2">
<tbody><tr tabindex="0" onKeyPress="add()"><td>原始内容</td></tr><TR><TD>123</TD></TR></tbody>
</table>只支持IE的情况,操作时要先点击一下原始内容的那一行,其他行如果要进行复制的话,也需要把onkyepress函数放进去