日期:2014-05-16  浏览次数:20424 次

为什么我用创建的子元素都没产生在对应的父元素下?

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript">
var temptar = null;
var i = 0;

function add() {
var para=document.createElement("div");
var j = i;

var node=document.createTextNode("This is line:" + j);
para.appendChild(node);
var element=document.getElementById("target");
element.appendChild(para);
i++;

}

function addChild() {
var para=document.createElement("p");
var j = i;

var node=document.createTextNode("This is child line:" + j);
para.appendChild(node);
var element=temptar.parentNode;
element.appendChild(para);
i++;
}


function whichElement(e)
{
var targ
if (!e) 
var e = window.event
if (e.target) 
targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
   targ = targ.parentNode

var tname
temptar = targ;
tname=targ.tagName

}

function delete1() {
var parent = document.getElementById("target");
parent.removeChild(temptar);
}
</script>
<title>
</title>


</head>


<body>
<div align="center">
<br>
<br>
<br>
<button onclick="add()">ADD</button>
<button onclick="addChild()">ADD CHILD</button>

<button onclick="delete1()">DELETE</button>

</div>

<div name="target" id="target" align="center" onmousedown="whichElement(event)">
<p id="p1">asdfasdfdasfadsfsda</p>


</div>

</body>

</html>

为什么我用创建的子元素都没产生在对应的父元素下?而都产生在了最下面?