求助：如何用js实现动态添加和删除图像
再次请教js高手：如何用js实现动态添加和删除html图像元素 例如：<img src... /> 或者是<input type="image" src..... />
有劳各位大虾 帮一下小弟！ 谢谢各位了！
<html>
<head>
<script language="javascript">
<!--
var iIndex = 0;
function AddElement()
{
iIndex++;
var oImg = document.createElement("IMG");
oImg.src = "http://www.baidu.com/img/baidu_logo.gif";
oImg.width = 270;
oImg.height = 129;
oImg.id = "Image" + (iIndex).toString();
alert("aaaaaa");
oFrame.appendChild(oImg);
}
function DelElement()
{
var i = prompt("输入要删除的图片的序号", 1);
oFrame.removeChild(document.all("Image" + i));
}
function document_onload()
{
document.all.oAddButton.onclick = AddElement;
document.all.oDelButton.onclick = DelElement;
}
//-->
</script>
</head>
<body onload="document_onload();">
<div id="oFrame">
</div>
<input id="oAddButton" type="button" value="Append" />
<input id="oDelButton" type="button" value="Remove" />
</body>
</html>