87,996
社区成员
发帖
与我相关
我的任务
分享IE中JS cloneNode的问题，是不是一个bug呢？
问题是：cloneNode复制节点后，特别是复制了<select />后，原来选中的数字3，但是经过复制再添加后，所有后来添加上的项选中的都是1了。但是这种问题只有在IE下存在，FF下就不存在。
不知道这算不算IE的一个Bug？ clone的时候属性丢失了！
先看现在的代码:
不知道这算不算IE的一个Bug？ clone的时候属性丢失了！
先看现在的代码:
<!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>
<title> new document </title>
<script type="text/javascript">
function test()
{
var oDiv = document.body.childNodes[0];
var oCopy = oDiv.cloneNode(true);
//alert(document.body.childNodes[0].nodeName);
document.getElementById("s").appendChild(oCopy);
}
</script>
</head>
<body><div>
<label for="isCheck">选中</label><input type="checkbox" checked="checked" id="isCheck" name="isCheck" />
<label for="index">序号</label><select id="incex" name="index">
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<input type="button" value="测试" onclick="test()" />
<div id="s"></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
willko 2008-04-20
- 打赏
- 举报
IE可以这样复制。。
var oCopy = oDiv.cloneNode(false);
oCopy.innerHTML = oDiv.innerHTML;
document.getElementById("s").appendChild(oCopy);
var oCopy = oDiv.cloneNode(false);
oCopy.innerHTML = oDiv.innerHTML;
document.getElementById("s").appendChild(oCopy);
