源码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
输入:<input type="text"/>
<input type="button" value="添加"/>
<table border="1"></table>
</div>
<script type="text/javascript">
var oinput=document.getElementsByTagName("input");
var otable=document.getElementsByTagName("table")[0];
oinput[oinput.length - 1].onclick=function(){
var tr=document.createElement("tr");
for(var i=0;i<oinput.length-1;i++){
var td=document.createElement("td");
td.innerHTML=oinput[i].value;
tr.appendChild(td);
}
var td=document.createElement("td");
var oP=document.createElement("p");
oP.innerHTML="删除";
td.appendChild(oP);
tr.appendChild(td);
oP.onclick=function(){
otable.removeChild(oP.parentNode.parentNode);
}
otable.appendChild(tr);
}
</script>
</body>
</html>