<!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')
?????//?鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
????????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])
????????}
????
?????}?//?編寫一函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
?????function?del(obj){
?????????var?par=obj.parentNode.parentNode.parentNode
?????????var?chi=obj.parentNode.parentNode
?????????par.removeChild(chi)
?????}//?創(chuàng)建刪除函數(shù)
??</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:del(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:del(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>
???</table>
???<input?type="button"?value="添加一行"??onclick="add2()"/>???<!--在添加按鈕上添加點(diǎn)擊事件??-->
?</body>
</html>
寫了一上午，檢查了一遍又一遍，運(yùn)行不出來，求大神？
慕后端026792
2017-10-10 10:20:41
