<!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)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
????????var?trobj=document.getElementsByTagName("tr");
????????for?(var?i=0;i<trobj.length;i++){
????????????trobj[i].onmouseover=function(){
????????????????this.style.backgroundColor="#f2f2f2";
????????????}
????????????trobj[i].onmouseout=function(){
????????????????//this.removeAttribute("style");
????????????????this.style.backgroundColor="#fff";
????????????}
????????}
?}
?????
??????//?編寫(xiě)一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
?????function?addstu(){
????????var?newnode=document.createElement("tr");?
????????var?newnode1=document.createElement("td");?
????????var?newnode2=document.createElement("td");?
????????var?newnode3=document.createElement("td");?
????????var?tablenode=document.getElementById("table");
????????newnode1.innerHTML="xh003";
????????newnode2.innerHTML="小紅";
????????newnode3.innerHTML="<a?href="javascript:;"?onclick="remove(this)"?>刪除</a>";
????????tablenode.appendChild(newnode);
????????newnode.appendChild(newnode1);
????????newnode.appendChild(newnode2);
????????newnode.appendChild(newnode3);???
?????}
????
?????//?創(chuàng)建刪除函數(shù)
?????function?del(obj){
?????????var?delnode=obj.parentNode.parentNode;
?????????delnode.parentNode.removeChild(delnode);
?????????
?????}
??</script>?
?</head>?
?<body>?
???<table?border="1"?width="50%"?id="table">
???<tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
???</tr>??
???<tr>
<td>xh001</td>
<td>王小明</td>
<td><a?href="javascript:;"?onclick="del(this);">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:;"?onclick="del(this);">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>??
???</table>
???<input?type="button"?value="添加一行"?onclick="addstu()"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??-->
?</body>
</html>總共三個(gè)事件（添加行，刪除行，鼠標(biāo)移動(dòng)響應(yīng)），點(diǎn)擊后都沒(méi)有反應(yīng)，對(duì)照其他同學(xué)的代碼也進(jìn)行了一些改正還是沒(méi)有解決，求教怎么解決？
關(guān)于表格中刪除，添加節(jié)點(diǎn)以及鼠標(biāo)響應(yīng)的問(wèn)題
慕哥0008349
2016-11-15 11:02:07
