<!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++){
????????????changebg(tr[i]);
????????}
????????
????????function?changebg(obj){
????????????obj.onmousemove=function(){
????????????obj.style.backgroundColor="#ccc";
????????????}
????????????obj.onmouseout=function(){
????????????obj.style.backgroundColor="#fff";
????????????}
????????}
?????}
????????//?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
??????var?xhNum=2
??????function?add(){
??????????xhNum++;
??????????if(xhNum<10){
??????????xhNum="00"+xhNum;
??????????}else?if(xhNum>=10||xhNum<=99){
??????????xhNum="0"+xhNum;
??????????}else?{?
??????????xhNum=xhNum};
??????????
?????var?tab=document.getElementById("table");
???????????var?ntr=document.createElement("tr");
?
??????????var?xh=document.createElement("td");
??????????xh.innerHTML="xh"+xhNum;
??????var?xn=document.createElement("td");
??????????xn.innerHTML="姓名";
??????var?rm=document.createElement("td")
??????????rm.innerHTML="<a?href='javascript:;'?onclick='del(this)'?>刪除</a>";
??????????tab.appendChild(ntr)?;
??????????ntr.appendChild(xh);
??????????ntr.appendChild(xn);
??????????ntr.appendChild(rm);??
??????????
??????var?ntr?=?document.getElementsByTagName("tr");
??????????for(var?i=?0;i<ntr.length;i++)
??????????{
??????????????changebg(ntr[i]);
??????????}//為什么不能給新增行加背影色？
??????}????????????
????????
?????//?創建刪除函數
??????function?del(obj){
??????delRow=obj.parentNode.parentNode;
??????delRow.parentNode.removeChild(delRow);
??????}
?????
??</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>
2015-09-06
function changebg(obj){
? ? ? ? ? ? obj.onmousemove=function(){
? ? ? ? ? ? obj.style.backgroundColor="#ccc";
? ? ? ? ? ? }
? ? ? ? ? ? obj.onmouseout=function(){
? ? ? ? ? ? obj.style.backgroundColor="#fff";
? ? ? ? ? ? }
? ? ? ? }
這個方法要寫到外面去，你把這個方法寫到onload的function中去了，外界是引用不到的，還有你的添加方法可能有問題，你把tr添加到tbody外去了
2015-10-04
<!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(){ var?trs?=?document.getElementsByTagName('tr'); for?(var?i?=?0;?i?<?trs.length;?i++){ setOver(trs[i]); setOut(trs[i]); }; } //背景色函數 function?setOver?(obj)?{ obj.onmouseover?=?function(){ this.style.backgroundColor?=?"##f2f2f2"? }; } function?setOut?(obj)?{ obj.onmouseout??=?function(){ this.style.backgroundColor?=?"#fff"? };; } //刪除函數 function?removeLine?(obj)?{ var?oG?=?obj.parentNode.parentNode.parentNode; var?oP?=?obj.parentNode.parentNode; oG.removeChild(oP); } //添加函數 function?newLine?()?{ var?stuName?=?prompt("enter?name",""); var?stuId???=?prompt("enter?number",""); var?objTr???=?document.createElement('tr'); objTr.innerHTML?=? "<td>"+stuId+"</?td><td>"+stuName+"</?td><td><a?href?=?'javascript:;'?onclick?=?'removeLine(this)'?>刪除</?a></?td>?"; setOver(objTr); setOut(objTr); document.getElementById('table').lastChild.appendChild(objTr); } ? </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?=?"removeLine(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??--> </tr> <tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick?=?"removeLine(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??--> </tr>?? </table> <input?type="button"?value="添加一行"?onclick="newLine()"??/>???<!--在添加按鈕上添加點擊事件??--> </body> </html>求指導，也是改變不了背景顏色，我這個不光無法給新行加顏色，windo.onload 的時候也不行，真是著急死了！