javascript 中 appendChild的问题!
这段代码放在body中<formaction="#"><table><tr><td><inputtype="button"value="copy"onclick="cop...
这段代码放在body中
<form action="#">
<table>
<tr><td><input type="button" value="copy" onclick="copyNode(this);"></td></tr>
</table>
</form>
以下是js代码
function copyNode(obj){
var copyObj = obj.parentNode.parentNode.parentNode;
var pasteObj = copyObj.cloneNode(true);
var docObj = document.getElementsByTagName("form")[0];
docObj.appendChild(pasteObj);
}
我把克隆的整个table节点 然后在form中appendChild
为何在浏览器中我点了按钮后 就自动加了一段空白进去,而没有把复制的table加进去呢??
请教高手.这是什么原因?我自己createElement的元素就能正常append进去!
补充一点
刚才试了一下
在var copyObj = obj.parentNode.parentNode.parentNode.parentNode;
多加了一个parentNode; 就正常了!
不明白了..这样的话不就是获取了form节点 再外面一层的父节点了吗?? 展开
<form action="#">
<table>
<tr><td><input type="button" value="copy" onclick="copyNode(this);"></td></tr>
</table>
</form>
以下是js代码
function copyNode(obj){
var copyObj = obj.parentNode.parentNode.parentNode;
var pasteObj = copyObj.cloneNode(true);
var docObj = document.getElementsByTagName("form")[0];
docObj.appendChild(pasteObj);
}
我把克隆的整个table节点 然后在form中appendChild
为何在浏览器中我点了按钮后 就自动加了一段空白进去,而没有把复制的table加进去呢??
请教高手.这是什么原因?我自己createElement的元素就能正常append进去!
补充一点
刚才试了一下
在var copyObj = obj.parentNode.parentNode.parentNode.parentNode;
多加了一个parentNode; 就正常了!
不明白了..这样的话不就是获取了form节点 再外面一层的父节点了吗?? 展开
2个回答
展开全部
测试结果：
obj.parentNode.parentNode.parentNode;获得的是<tbody></tbody>
obj.parentNode.parentNode.parentNode.parentNode;获得的是<table></table>
虽然你没有写，但生成网页的时候是有<tbody>的。
obj.parentNode.parentNode.parentNode;获得的是<tbody></tbody>
obj.parentNode.parentNode.parentNode.parentNode;获得的是<table></table>
虽然你没有写，但生成网页的时候是有<tbody>的。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以啊，我在ie8 firefox chrome中可以复制啊 下面是我的代码
<!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>
</head>
<body>
<form action="#">
<table>
<tr><td><input type="button" value="copy" onclick="copyNode(this);"></td></tr>
</table>
</form>
<script>
function copyNode(obj){
var copyObj = obj.parentNode.parentNode.parentNode;
var pasteObj = copyObj.cloneNode(true);
var docObj = document.getElementsByTagName("form")[0];
docObj.appendChild(pasteObj);
}
</script>
</body>
</html>
<!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>
</head>
<body>
<form action="#">
<table>
<tr><td><input type="button" value="copy" onclick="copyNode(this);"></td></tr>
</table>
</form>
<script>
function copyNode(obj){
var copyObj = obj.parentNode.parentNode.parentNode;
var pasteObj = copyObj.cloneNode(true);
var docObj = document.getElementsByTagName("form")[0];
docObj.appendChild(pasteObj);
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
