差不多實(shí)現(xiàn)了
<!DOCTYPE?html>
<html>
<head>
????<title>?new?document?</title>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"?/>
????<script?type="text/javascript">
????????window.onload?=?function?()?{
????????????//?鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
????????????var?trs?=?document.getElementsByTagName("tr");
????????????for?(let?index?=?1;?index?<?trs.length;?index++)?{
????????????????trs[index].setAttribute("onmouseover",?"fun1(this)");
????????????????trs[index].setAttribute("onmouseout",?"fun2(this)");?
????????????????trs[index].children[2].setAttribute("onclick","deleteNode(this)");
????????????}
????????}
????????function?fun1(obj)?{
????????????//?console.log(obj);
????????????obj.style.backgroundColor?=?"#999";
????????}
????????function?fun2(obj)?{
????????????obj.style.backgroundColor?=?"#fff";
????????}
????????function?deleteNode(obj)?{
????????????console.log(obj.parentNode.parentNode.removeChild(obj.parentNode));
????????}
????????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
????????function?add()?{
????????????var?table?=?document.getElementById("table").children[0];
????????????console.log(table);
????????????var?tr?=?document.createElement("tr");
????????????var?td?=?document.createElement("td");
????????????tr.setAttribute("onmouseover",?"fun1(this)");
????????????tr.setAttribute("onmouseout",?"fun2(this)");?
????????????table.appendChild(tr);
????????????td.innerHTML?=?"1";
????????????tr.appendChild(td);
????????????var?td?=?document.createElement("td");
????????????td.innerHTML?=?"安安";
????????????tr.appendChild(td);
????????????var?td?=?document.createElement("td");
????????????td.setAttribute("onclick","deleteNode(this)");
????????????td.innerHTML?=?"<a?href='javascript:;'>刪除</a>";
????????????tr.appendChild(td);
????????????
????????}
????</script>
</head>
<body>
????<table?border="1"?width="50%"?id="table">
????????<tr>
????????????<th>學(xué)號</th>
????????????<th>姓名</th>
????????????<th>操作</th>
????????</tr>
????????<tr>
????????????<td>xh001</td>
????????????<td>王小明</td>
????????????<td><a?href="javascript:;">刪除</a></td>
????????????<!--在刪除按鈕上添加點(diǎn)擊事件??-->
????????</tr>
????????<tr>
????????????<td>xh002</td>
????????????<td>劉小芳</td>
????????????<td><a?href="javascript:;">刪除</a></td>
????????????<!--在刪除按鈕上添加點(diǎn)擊事件??-->
????????</tr>
????</table>
????<input?type="button"?value="添加一行"?onclick="add()"/>
????<!--在添加按鈕上添加點(diǎn)擊事件??-->
</body>
</html>
