<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.οnlοad=function(){ var otx1=document.getElementById('tx1'); //获取元素 var otx2=document.getElementById('tx2');//获取元素 var obn1=document.getElementById('bnt1');//获取元素 var otab1=document.getElementById('tab1');//获取元素 var id=otab1.tBodies[0].rows.length; //创建变量id; obn1.οnclick=function(){ var otr=document.createElement('tr'); //创建一个tr元素;
var otd=document.createElement('td'); //创建一个td元素; otd.innerHTML=id++; //将id号放入第一个td; otr.appendChild(otd);
var otd=document.createElement('td'); otd.innerHTML=otx1.value; //将姓名放入第二个td; otr.appendChild(otd);
var otd=document.createElement('td'); otd.innerHTML=otx2.value; //将age放入第三个td; otr.appendChild(otd);
var otd=document.createElement('td'); otd.innerHTML='<a href="javascript:;">删除</a>'; otr.appendChild(otd); otd.getElementsByTagName('a')[0].οnclick=function(){ otab1.tBodies[0].removeChild(this.parentNode.parentNode); //删除tr; };