                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什么點(diǎn)了添加一行之后就沒(méi)有鼠標(biāo)經(jīng)過(guò)的效果了

<!DOCTYPE?html>
<html>
<head>
	<title>?new?document?</title>??
	<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"/>???
	<script?type="text/javascript">?

		window.onload?=?function(){

?????//?鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
?????var?fu_tr?=?document.getElementById("table").getElementsByTagName("tr");
?????for(var?i=0;?i<fu_tr.length;?i++){
?????	fu_tr[i].onmouseover?=?function(){
?????		this.style.background?=?"#cccccc";
?????	};
?????	fu_tr[i].onmouseout?=?function(){
?????		this.style.background?=?"#ffffff";
?????	};
?????}

?????

?}

??????//?編寫(xiě)一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
??????function?adda(){
??????	var?tr?=?document.createElement("tr");
??????	var?fu?=?document.getElementById("table");
??????	var?fu_tr?=?document.getElementById("table").getElementsByTagName("tr")[1];
??????	
??????	tr.innerHTML?=?fu_tr.innerHTML;
??????	console.log(tr);
??????	fu.appendChild(tr);
??????}


?????//?創(chuàng)建刪除函數(shù)
?????function?dela(a){
?????	//var?fu?=?document.getElementById("table");
?????	var?aa?=?a.parentNode.parentNode;
?????	aa.parentNode.removeChild(aa);
?????}


?</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="dela(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
		</tr>

		<tr>
			<td>xh002</td>?
			<td>劉小芳</td>
			<td><a?href="javascript:;"?onclick="dela(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
		</tr>??

	</table>
	<input?type="button"?value="添加一行"?onclick="adda();"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??-->
</body>
</html>

o緣來(lái)是你o

2017-02-26

源自：JavaScript進(jìn)階篇 9-22

關(guān)注問(wèn)題我要回答

1140

操作

收起

2 回答

不知不覺(jué)后知后覺(jué)嗯回答被采納 +3 積分
2017-02-26

因?yàn)槟憬o添加的<tr>元素沒(méi)有添加鼠標(biāo)移入和移除事件，如下：

tr.onmouseover= function(){
????????????? this.style.backgroundColor = "#ccc";
????????? };
tr.onmouseout= function(){
????????????? this.style.backgroundColor = "#fff";
????????? };