<script?type="text/javascript">
????????window.onload?=?function(){
????????????var?trs?=?document.getElementsByTagName('tr');
????????????for(?var?i?=?0;?i?<?trs.length;?i++){
????????????????trs[i].onmouseover?=?function(){
????????????????????this.style.backgroundColor?=?'#f2f2f2';
????????????????}
????????????????trs[i].onmouseout?=?function?()?{
????????????????????this.style.backgroundColor?=?'#fff';
????????????????}
????????????};
????????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
????????????var?num?=?2;
????????????function?add(){
????????????????num++;
????????????????var?table?=?document.getElementById('table');
????????????????var?newtr?=?document.creatElement('tr');
????????????????var?newtd?=?document.creatElement('td');
????????????????var?newtd2?=?document.creatElement('td');
????????????????var?newtd3?=?document.creatElement('td');
????????????????newtd.innerHTML?=?'xh'?+?num;
????????????????newtd2.innerHTML?=?'第'+?num?+?"學生";
????????????????newtd3.innerHTML?=??"<a?href='javascript:;'?onclick='removeRow(this)'?>刪除</a>";
????????????????table.appendChild(newtr);
????????????????table.appendChild(newtd);
????????????????table.appendChild(newtd2);
????????????????table.appendChild(newtd3);
????????????}
????????}
????????//?編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點;
????????//?創(chuàng)建刪除函數(shù)
????</script>
</head>
<body>
<table?border="1"?width="50%"?id="table">
????<tr>
????????<th>學號</th>
????????<th>姓名</th>
????????<th>操作</th>
????</tr>
????<tr>
????????<td>xh001</td>
????????<td>王小明</td>
????????<td><a?href="javascript:;"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
????</tr>
????<tr>
????????<td>xh002</td>
????????<td>劉小芳</td>
????????<td><a?href="javascript:;"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
????</tr>
</table>
<input?type="button"?value="添加一行"?onclick="add();"/>???<!--在添加按鈕上添加點擊事件??-->
</body>
2019-02-15
把function的結(jié)束括號移上來,create漏掉的e加上運行是OK的
2019-02-15