<HTML>
<HEAD>
</HEAD>
<BODY id="body1">
<input type="button" value="添加 for IE and FF and Opera" onclick="add1()" />
<input type="button" value="测试 only for IE and Opera" onclick="add2()" />
<input type="button" value="清空" onclick="div1.innerHTML = ''; div2.innerHTML = ''; " />
<div id="div1"></div>
<div id="div2"></div>
</BODY>
<script>
function del(){
var div1_2=document.getElementById("div1_2");//通过ID得到对象
var tmp = div1_2.parentNode;//得到对象的父节点
tmp.removeChild(div1_2);//用父节点的removeChild方法删除要删除的对象
//注意,因为代码中自动生成的DIV的ID全都是div1_2所以他们形成了一个数组,上面的删除代码相当于删除了div1_2[0]所以无论你点击的是哪个层的删除,将要删除的都是最上面的一个。
//其实想解决这个问题只需要将代码稍做修改,但这不属于我这里要叙述的内容,所以就不在代码中出现。
}
var int_i=1;
function add1()
{
var buf="<div id=/"div1_2/" style=/"width:auto; height:50px; background:#000000; color:#ffffff;/"><span onclick=/"del();/">测试"+int_i+"(点击关闭)</span>";
buf+="<input type=/"text/" name=/"textfield/" /></div>";
div1.innerHTML += buf;
int_i++;
}
function add2()
{
var e = document.createElement('a');
e.href = '';
e.innerText = '测试2<br//>';
div2.appendChild(e);
}
</script>
</HTML>