효과: 코드: 코드 복사 코드는 다음과 같습니다. <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> <p> var oTd = document.createElement('td');<br> oTd.innerHTML = oName.value;<br> oTr.appendChild(oTd);</p> <p> var oTd = document.createElement('td');<br> oTd.innerHTML = oEasyName.value;<br> oTr.appendChild(oTd);</p> <p> var oTd = document.createElement('td');<br> oTd.innerHTML = oHero.value;<br> oTr.appendChild(oTd);</p> <p> var oTd = document.createElement('td');<br> oTd.innerHTML = '<a href="#">删除</a>';<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 < ;td> 不死亡灵 UD 代表性雄:DK 4 暗夜精灵 NE < ;td> 代表性英雄:DH