js 动态添加删除并增加属性


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
<HEAD>  
<TITLE> New Document    </TITLE>  
<META NAME="Generator" CONTENT="EditPlus">  
<META NAME="Author" CONTENT="">  
<META NAME="Keywords" CONTENT="">  
<META NAME="Description" CONTENT="">  
</HEAD>  <BODY>  
<script language="javascript">  
function GoNext(){
alert('ddd');
}
function aa()  
{  
var thenew= document.createElement('input');  
thenew.type="button";
thenew.value="aa";
thenew.attachEvent("onclick",GoNext);
document.getElementById('bbbb').appendChild(thenew);  
}  
function bb()  
{  
document.getElementById('bbbb').removeChild(document.getElementById('bbbb').childNodes[0]);  
}  
</script>  
<form action="jsadd.php" method="post">  
<div id="lizi"> remove    <br />Frist Name:    <input type="text" value="aaaa" name="name[]" />    </div>  
<div id="bbbb" style="background-color:#CCCCCC;">   </div>  
<a onclick="aa()" href="#" >Add new   </a>  <br>
<a onclick="bb()" href="#" >dell   </a>  
</form>   
</BODY>  
</HTML>