<!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?(var?i?=?1;?i?<?tr.length;?i++)?{
???????????changeColor(tr[i])
????????}
???????function?changeColor(obj){????
????????????obj.onmouseover=function(){
???????????????obj.style.backgroundColor='#f2f2f2'
????????????}
???????????obj.onmouseout=function(){
????????????????obj.style.backgroundColor='#fff'
????????}
???????}
}
?????var?n=2
?????function?add2(){
?????????var?insertO=document.getElementById('table')
?????????var?td1=document.createElement('td')
?????????td1.innerHTML='xhoo'+(n++)
?????????
?????????var?td2=document.createElement('td')
?????????td2.innerHTML=請輸入姓名'
?????????var?td3=document.createElement('td')
??????????td3.innerHTML='<a?href="javascript:del();"?>刪除</a>'
??????????
?????????var?trO=document.createElement('tr')
?????????insertO.appendChild(trO)
?????????trO.appendChild(td1)
?????????trO.appendChild(td2)
?????????trO.appendChild(td3)
????????
????????var?tr=document.getElementsByTagName('tr')
????????for?(var?i?=?1;?i?<?tr.length;?i++)?{
???????????changeColor(tr[i])
????????}
????
?????}?//?編寫一函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
?????function?del(obj){
?????????var?par=obj.parentNode.parentNode.parentNode
?????????var?chi=obj.parentNode.parentNode
?????????par.removeChild(chi)
?????}//?創建刪除函數
??</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:del(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:del(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>
???</table>
???<input?type="button"?value="添加一行"??onclick="add2()"/>???<!--在添加按鈕上添加點擊事件??-->
?</body>
</html>
寫了一上午，檢查了一遍又一遍，運行不出來，求大神？
慕后端026792
2017-10-10 10:20:41
