哪里出錯了？為什么一點效果都沒有
<!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 c1=document.getElementsByTagName("tr"); ?
? for(var i=1;i<c1.length;i++){
? ? ? ? ? c1[i].onmouseover = function(){
? ? ? ? ? ? ? c1[i].style.backgroundColor="#f2f2f2";
? ? ? ? ? }
? ? ? ? ? c1[i].onmouseout = function(){
? ? ? ? ? ? ? c1[i].style.backgroundColor="#fff";
? ? ? ? ? }
? }?
? ? ?
?
}
? ? ?
? ? ? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
? ? ?function addOne(){
? ? ? ? ?var tar = document.getElementById("table").lasrChild;
? ? ? ? ?var tr = document.createElement("tr");
? ? ? ? ?var td = document.createElement("td");
? ? ? ? ?newtad.innerHTML="<input type='text'/>";
? ? ? ? ?tr.appendChild(td);
? ? ? ? ?
? ? ? ? ?var td = document.createElement("td");
? ? ? ? ?newtad.innerHTML="<input type='text'/>";
? ? ? ? ?tr.appendChild(td);
? ? ? ? ?
? ? ? ? ?var td = document.createElement("td");
? ? ? ? ?td.innerHTML="<a href="javascript:;" />刪除";
? ? ? ? ?tr.appendChild(td);
? ? ? ? ?
? ? ? ? ?
? ? ? ? ?tar.appendChild(tr);
? ? ?}
? ?
? ? ?
? ? ?// 創建刪除函數
? ? ?function dele(obj){
? ? ? ? var detr = obj.parentNode.parentNode;
? ? ? ? detr.parentNode.removeChild(detr);
? ? ?}
? </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="dele(this)" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
? </tr>
? <tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" ?onclick="dele(this)" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
? </tr> ?
? </table>
? <input type="button" value="添加一行" onclick="addOne()" /> ? <!--在添加按鈕上添加點擊事件 ?-->
?</body>
</html>
2016-07-08
? ? ? ? ?var tar = document.getElementById("table").lasrChild; 寫錯了，把后面的.lasrChild去掉，在addOne()函數的最后面添加
? ? ? tr.onmouseover = function(){
? ? ? ? ? ? ? tr.style.backgroundColor="#f2f2f2";
? ? ? ? ? }
? ? ? ? ? tr.onmouseout = function(){
? ? ? ? ? ? ?tr.style.backgroundColor="#fff";
? ? ? ? ? }
2016-07-08
在function addone()函數里面 調用 高亮表格一行的函數
2016-07-08
<!DOCTYPE?html> <html> <head> <title>?new?document?</title> <meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"?/> </head> <body> <table?border="1"?width="50%"?id="table"> <tr?onmousemove="changeStyle(this,'backgroundColor',?'#f2f2f2')"?onmouseout="changeStyle(this,'backgroundColor',?'#fff')"> <th>學號</th> <th>姓名</th> <th>操作</th> </tr> <tr?onmousemove="changeStyle(this,'backgroundColor',?'#f2f2f2')"?onmouseout="changeStyle(this,'backgroundColor',?'#fff')"> <td>xh001</td> <td>王小明</td> <td><a?href="javascript:;"?onclick="dele(this)">刪除</a></td> <!--在刪除按鈕上添加點擊事件??--> </tr> <tr?onmousemove="changeStyle(this,'backgroundColor',?'#f2f2f2')"?onmouseout="changeStyle(this,'backgroundColor',?'#fff')"> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick="dele(this)">刪除</a></td> <!--在刪除按鈕上添加點擊事件??--> </tr> </table> <input?type="button"?value="添加一行"?onclick="addOne()"?/> <!--在添加按鈕上添加點擊事件??--> <script?type="text/javascript"> var?changeStyle?=?function(elem,?attr,?value)?{ elem.style[attr]?=?value;? }; //?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點； function?addOne()?{ var?tar?=?document.getElementById("table").lastChild; var?tr?=?document.createElement("tr"); var?td1?=?document.createElement("td"); td1.innerHTML?=?"<input?type='text'/>"; tr.appendChild(td1); var?td2?=?document.createElement("td"); td2.innerHTML?=?"<input?type='text'/>"; tr.appendChild(td2); var?td3?=?document.createElement("td"); td3.innerHTML?=?"<a?href=\"javascript:?;\"?onclick=\"dele(this)\"?/>刪除"; tr.appendChild(td3); tar.appendChild(tr); } //?創建刪除函數 function?dele(obj)?{ var?detr?=?obj.parentNode.parentNode; detr.parentNode.removeChild(detr); } </script> </body> </html>親測可用，望采納！