效果: 程式碼: 複製程式碼 程式碼如下: <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 兽人部落 td> 不死靈 > 4 暗夜精靈 🎜> 🎜> 🎜> ;td> 代表英雄:DH