亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

請幫忙看下代碼,感覺沒問題 但是就是實現不出來

<!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(){
		??var?tr=document.getElementsByTagName("tr");
		??for(i=0;i<=tr.length;i++){
			tr[i].onmouseover=function(){
				??this.style.backgroundColor="#fcfcfc";	??
				
			}
			tr[i].onmouseout=function(){
				this.style.backgroundColor="#fff";
			}
		??}
	//改變背景顏色	
	?function?add(obj){?
	????var?tbody?=?document.getElementById('table').lastChild;??
		var?tr?=?document.createElement('tr');??
		?
		?var?td?=?document.createElement("td");
		?td.innerHTML?=?"<input?type='text'/>";
		?tr.appendChild(td);
		?
		?td?=?document.createElement("td");	?
		?td.innerHTML?=?"<input?type='text'/>";
		?tr.appendChild(td);
		?
		?td?=?document.createElement("td");	
		?td.innerHTML?=?"<a?href='javascript:;'?onclick='del(this)'>刪除</a>";
		?tr.appendChild(td);???
		?
		?tbody.appendChild(tr);???
			
		}
		//增加一行
	?function?del(obj){
	????var?tbody?=?document.getElementById('table').lastChild;??
		var?tr?=?obj.parentNode.parentNode;
		tbody.removeChild(tr);
	?}

	//刪除一行		??
?????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
?????????
		
?????
	?
	?}
?????
??????//?編寫一個函數,供添加按鈕調用,動態在表格的最后一行添加子節點;
?????
????		
???	?
?????//?創建刪除函數
?????


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

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

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

改變背景顏色沒問題,就是增加一行 和刪除一行的代碼不對

正在回答

2 回答

  1. 第10行:for循環判斷條件是<不是<=;

  2. 定義的function放在window.onload的function外面;

  3. 41行同樣的不是lastchild

0 回復 有任何疑惑可以回復我~
#1

青青灬子衿3370888 提問者

非常感謝!原來如此,window.onload=function{} 大括號位置錯了
2016-09-28 回復 有任何疑惑可以回復我~

第21行,var?tbody?=?document.getElementById('table').lastChild; 新添加的tr應該是加到table上的,不是加到lastchild上。改成var?tbody?=?document.getElementById('table')試一下。

0 回復 有任何疑惑可以回復我~
#1

青青灬子衿3370888 提問者

試了一下 還是不可以
2016-09-28 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

請幫忙看下代碼,感覺沒問題 但是就是實現不出來

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號