求解，為什么鼠標(biāo)移過背景沒改變??？？？
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> ??
? <script type="text/javascript">?
??
? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? window.onload = function()
? ? {
? ? ? ? var str_tr = document.getElementsByTagName('tr');
? ? ? ? for(var i = 1; i < str_tr.length; i++)
? ? ? ? {
? ? ? ? ? ? str_tr[i].onmouseover = function()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? this.style.backgroundColor = "#f2f2f2";
? ? ? ? ? ? }
? ? ? ? ? ?str_tr[i].onmouseout = function()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? this.style.backgroundColor = "#fff";
? ? ? ? ? ? }
? ? ? ? }
? ? } ? ? ? ?
? ?
? ? ?
?
?
? ? ?
? ? ? // 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
?function addtr(){
var xuehao=prompt("請輸入學(xué)號","");
var xingming=prompt("請輸入姓名","");
if(xuehao!=null&&xuehao!="&&xingming!=null&&xingming!="")
{
? ? ? ? ? ??
? ? var newtr=document.createElement("tr");
? ? var text=newtr.innerHTML="<td>"+sNum+"</td>"+"<td>"+sName+"</td>"+"<td><a href="javascript:;" onclick="del(this)">刪除</a></td>";
? ? document.getElementById("table").appendChild(newtr);
}
else
{
? ? alert("請重新輸入");
}
? ? ?
? ?
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ? ?function del(obj){
? ? ? ? ?var oG=obj.parentNode.parentNode.parentNode;
? ? ? ? ?var oP=obj.parentNode.parentNode;
? ? ? ? ?oG.removeChild(oP);
? ? ?}
? </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:;" 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="addtr()"/> ? <!--在添加按鈕上添加點擊事件 ?-->
?</body>
</html>
為什么鼠標(biāo)移過背景沒改變啊，是不是沖突啊，我把刪除的那個函數(shù)和插入的函數(shù)刪除后，就正常了
2016-03-10
值說下代碼格式，
1、addtr函數(shù)少了一個}
2、該用轉(zhuǎn)義符號的沒用
if(xuehao!=null&&xuehao!="&&xingming!=null&&xingming!="")
這一句的引號竟然是三個。。。。。。
應(yīng)該寫成if(xuehao!=null&&xuehao!="&&xingming!=null&&xingming!=\"\"")
或者if(xuehao!=null&&xuehao!="&&xingming!=null&&xingming!=''")，這里xingming!=''用的是單引號
還有，var text=newtr.innerHTML="<td>"+sNum+"</td>"+"<td>"+sName+"</td>"+"<td><a href="javascript:;" onclick="del(this)">刪除</a></td>";
改成var text=newtr.innerHTML="<td>"+sNum+"</td>"+"<td>"+sName+"</td>"+"<td><a href=\"javascript:;\" onclick=\"del(this)\">刪除</a></td>";
或者改成單引號也行