效果: 代码: 复制代码 代码如下: <BR> tr<BR> {<BR> height: 30px;<BR> }<BR> <BR> window.onload = function () {<BR> var oName = document.getElementById('txt1');<BR> var oEasyName = document.getElementById('txt2');<BR> var oHero = document.getElementById('txt3');<BR> var oBtn = document.getElementById('btn');<BR> var oTab = document.getElementById('tab1');<BR> var num = oTab.tBodies[0].rows.length + 1;<BR> oBtn.onclick = function () {<BR> var oTr = document.createElement('tr'); <P> var oTd = document.createElement('td')<BR> oTd.innerHTML = num++;<BR> oTr.appendChild(oTd); <P> var oTd = document.createElement('td');<BR> oTd.innerHTML = oName.value;<BR> oTr.appendChild(oTd); <P> var oTd = document.createElement('td');<BR> oTd.innerHTML = oEasyName.value;<BR> oTr.appendChild(oTd); <P> var oTd = document.createElement('td');<BR> oTd.innerHTML = oHero.value;<BR> oTr.appendChild(oTd); <P> var oTd = document.createElement('td');<BR> oTd.innerHTML = '<a href="#">删除';<BR> oTr.appendChild(oTd);<BR> oTd.getElementsByTagName('a')[0].onclick = function () {<BR> oTab.tBodies[0].removeChild(this.parentNode.parentNode);<BR> }<BR> oTab.tBodies[0].appendChild(oTr);<BR> }<BR> };<BR> 种族名称: 种族简称: 英雄 : 序号 种族名称 种族简称 英雄 操作 1 人类联盟 HUM 代表性英雄:AM 2 兽人部落 ORC 代表性英雄:BM 3 不死亡灵 UD 代表性英雄:DK 4 暗夜精灵 NE 代表性英雄:DH