<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>表格應用2</title>
<style?type="text/css">
table{
width:300px;
margin-top:10px;
border:1px?solid;
}
td{
border:1px?solid;
padding:3px;
}
</style>
</head>
<body>
<script?type="text/javascript">
window.onload=function(){
var?name=document.getElementById('name');
var?age=document.getElementById('age');
var?bt1=document.getElementById('bt1');
var?oTab=document.getElementsByTagName('table')[0];
var?tBody=oTab.tBodies[0];
bt1.onclick=function(){
var?newTr=document.createElement('tr');
var?newTd=document.createElement('td');
newTd.innerHTML=tBody.rows.length+1;
newTr.appendChild(newTd);
var?newTd=document.createElement('td');
newTd.innerHTML=name.value;
newTr.appendChild(newTd);
var?newTd=document.createElement('td');
newTd.innerHTML=age.value;
newTr.appendChild(newTd);
var?newTd=document.createElement('td');
/*var?newA=document.createElement('a');
/*?添加了下面這一行就運行不了,為什么？
newA.innerHTML='刪除'；
newTd.appendChild(newA);*/
newTd.innerHTML='<a?href="javascript:;">刪除</a>';
newTr.appendChild(newTd);
tBody.appendChild(newTr);
}
}
</script>
姓名：<input?id="name"?type="text">
年齡：<input?id="age"?type="text">
<button?id="bt1">添加</button>
<table>
<thead>
<tr>
<td>ID</td>
<td>姓名</td>
<td>年齡</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Tom</td>
<td>13</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
<tr>
<td>2</td>
<td>Jerry</td>
<td>36</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
<tr>
<td>3</td>
<td>張三</td>
<td>22</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
<tr>
<td>4</td>
<td>張健康</td>
<td>43</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
<tr>
<td>5</td>
<td>Lily</td>
<td>21</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
<tr>
<td>6</td>
<td>馬三</td>
<td>28</td>
<td><a?href='javascript:;'>刪除</a></td>
</tr>
</tbody>
</table>
</body>
</html>
各位大神，javascript表格添加一行的代碼中，a標簽的創(chuàng)建問題，代碼注釋部分問題
白小凡
2016-12-09 10:59:53
