답변:
대표:
더 읽어보세요:
<head runat="서버">
<제목></제목>
<스타일 유형="텍스트/css">
TR 10.000000000000000
{
높이: 30px;
}
</style>
<스크립트 유형="텍스트/자바스크립트">
window.onload = 함수() {
var oName = document.getElementById('txt1');
var oEasyName = document.getElementById('txt2');
var oHero = document.getElementById('txt3');
var oBtn = document.getElementById('btn');
var oTab = document.getElementById('tab1');
var num = oTab.tBodies[0].rows.length + 1;
oBtn.onclick = 함수 () {
var oTr = document.createElement('tr');
var oTd = document.createElement('td')
oTd.innerHTML = 숫자++;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oName.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oEasyName.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oHero.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = '<a href="#">저장</a>';
oTr.appendChild(oTd);
oTd.getElementsByTagName('a')[0].onclick = 함수 () {
oTab.tBodies[0].removeChild(this.parentNode.parentNode);
}
oTab.tBodies[0].appendChild(oTr);
}
};
</script>
</head>
<본문>
<div 스타일="왼쪽 여백: 300px; 여백 상단: 30px;">
이름:<input type="text" id="txt1" />
种族简称：<input type="text" id="txt2" />
영어:<input type="text" id="txt3" />
<input type="button" id="btn" value="添加信息" />
</div>
<table id="tab1" style="text-align: 중앙; 너비: 800px; 여백-왼쪽: 300px;
여백 상단: 10px;">
<머리>
<tr style="배경색: #FF0000">
<TD>
序号
</td>
<TD>
种族명칭
</td>
<TD>
种族简称
</td>
<TD>
영화
</td>
<TD>
操작
</td>
</tr>
</thead>
<몸>
<tr>
<TD>
1
</td>
<TD>
인类联盟
</td>
<TD>
흠
</td>
<TD>
미디어: 오전
</td>
<TD>
</td>
</tr>
<tr>
<TD>
2
</td>
<TD>
兽人부落
</td>
<TD>
오크
</td>
<TD>
시간: BM
</td>
<TD>
</td>
</tr>
<tr>
<TD>
3
</td>
<TD>
불허하다
</td>
<TD>
UD
</td>
<TD>
代表性英雄:DK
</td>
<TD>
</td>
</tr>
<tr>
<TD>
4
</td>
<TD>
暗夜精灵
</td>
<TD>
북동쪽
</td>
<TD>
광고 신고: DH
</td>
<TD>
</td>
</tr>
</tbody>
</table>
</body>