<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script>
window.οnlοad=function()
{
var oTx1=document.getElementById('oTx');
var oBtn=document.getElementById('btn');
var oUl=document.getElementById('list');
var oAs=null;
oBtn.οnclick=function(){
var oLi=document.createElement('li');
oLi.innerHTML=oTx1.value+"<a href='javascript:;'>删除</a>";
var oLis=oUl.getElementsByTagName('li');
if(oLis.length)
{
list.insertBefore(oLi,oLis[0]);
}
else
{
list.appendChild(oLi);
}
oAs=document.getElementsByTagName('a');
oAs[0].οnclick=function(){
oUl.removeChild(this.parentNode);
};
for(var oAE in oAs)
{
oAE.οnclick=function(){
oUl.removeChild(this.parentNode);
};
}
};
};
</script>
</head>
<body>
<input id='oTx' type="text" />
<input id="btn" type="button" value="创建" />
<ul id="list">
</ul>
</body>
</html>
运行效果图: