任務要求：制作一個表格，顯示班級的學生信息。要求：1. 鼠標移到不同行上時背景色改為色值為 #f2f2f2，移開鼠標時則恢復為原背景色 #fff2. 點擊添加按鈕，能動態(tài)在最后添加一行3. 點擊刪除按鈕，則刪除當前行下面是代碼。求大神幫忙看一下到底有什么問題啊，盯了一個晚上了，實在看不出有什么問題??？主要問題就是無法添加一行，按鈕沒用啊，調用不了！拜托拜托！?<!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 trs = document.getElementsByTagName('tr');? ? ? ? ? ?for(var i = 0; i < trs.length; i++){? ? ? ? ? ? ? ? trs[i].onmouseover = function(){? ? ? ? ? ? ? ? ? ? ?this.style.backgroundColor = "#f2f2f2";? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? trs[i].onmouseout = function(){? ? ? ? ? ? ? ? ? ? ?this.style.backgroundColor = "#fff";? ? ? ? ? ? ? ? }? ? ? ? ? }? ? ? ? }?// 編寫一個函數(shù)，供添加按鈕調用，動態(tài)在表格的最后一行添加子節(jié)點；? ? ? function addtr(){? ? ? ? ? var xh=prompt("輸入學號");? ? ? ? ? var xm=prompt("輸入姓名");? ? ? ? ? if(xh!=null&&xh!=""&&xm!=null&&xm!="")? ? ? ? ? {? ? ? ? ? var table=document.getElementById("table").lastChild;? ? ? ? ? var tr=document.createElement("tr");? ? ? ? ? var td1=document.createElement("td");? ? ? ? ? td1.innerHTML=xh;? ? ? ? ? var td2=document.createElement("td");? ? ? ? ? td2.innerHTML=xm;? ? ? ? ? var td3=document.createElement("td");? ? ? ? ? td3.innerHTML="<a href="javascript:;" onclick="del(this)">刪除</a>";? ? ? ? ? table.appendChild(tr);? ? ? ? ? tr.appendChild(td1);? ? ? ? ? tr.appendChild(td2);? ? ? ? ? tr.appendChild(td3);? ? ? ? ? }? ? ? ? ? else alert("姓名學號不可以為空！");? ? ? ? ??? ? ? }?? // 創(chuàng)建刪除函數(shù)? ? ?function del(obj){? ? ? ? var tr=obj.parentNode.parentNode;? ? ? ? tr.parentNode.removeChild(tr);? ? ?}</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="addtr()" /> ? <!--在添加按鈕上添加點擊事件 ?-->?</body></html>
無法增加行
默語eating
2015-10-15 23:12:44
