如何清除JS动态创建的DIV？

Question

<style type="text/css">
.xx{
border:1px solid #000000;
height:40px;
width:100px;
}
</style>
<script>
function add(){
var oDiv = document.createElement("DIV"); 
oDiv.className="xx"
document.getElementById("big").appendChild(oDiv)
}
function del(){document.getElementById("big").removeChild(document.getElementsByTagName("div")[1])
}
</script>
<div id="big" style=" width:200px; height:500px; border:1px solid #000000">
</div>
<input  value="add" type="button"  onclick="add()"/>
<input value="del" type="button" onclick="del()" />

Answer 1

var target=document.getElementsByTagName("div")[1];
if(target){
   target.parentNode.removeChild(target);
   //or target.removeNode(true);dom操作
}