同一個element不能appendChild給兩個上層物件

 Fri, 31 Mar 2006 11:51:25 +0800

考慮以下網頁程式:

<div id="test14"></div>
<div id="test14-1"></div>
<script>
var c = document.createElement("img");
c.src = "bg/char1.gif";
var d = document.getElementById("test14");
d.style.border = "solid 1px black";
d.style.width = "200px";
d.style.height = "200px";
var e = document.getElementById("test14-1");
e.style.border = "solid 1px black";
e.style.width = "200px";
e.style.height = "200px";
d.appendChild(c);
e.appendChild(c);
alert(d.hasChildNodes());
</script>

alert會顯示false,看起來在e.appendChild時,原來appendChild給d的c就被從d的subnodes中移除了。