                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

javascript進階篇 9-22編程練習改了很久，還是有問題

我是按照參考答案寫的，自己寫不出來，很遺憾！即便是這樣，我發(fā)現(xiàn)還是有錯誤。請幫幫我找出來（我花費了很長時間了）

慕粉4340077

2016-12-13

源自：JavaScript進階篇 9-22

關(guān)注問題我要回答

804

操作

收起

5 回答

EastEgg
2017-01-03

樓上說的對，12行

var tbody = document.getElementById('tbody').lastChild;

注意是

getElementById('table')

0 回復有任何疑惑可以回復我~

收起回答

__67
2016-12-17

代碼的第12行，你并沒有id=“tbody”的標簽呀！我用的也是火狐的firebug，在火狐菜單-->附加組件-->插件然后搜索firebug安裝就可以了。我也是小白，希望可以幫到你！

1 回復有任何疑惑可以回復我~

收起回答

最近總是夢到
2016-12-14

火狐
firbug

1 回復有任何疑惑可以回復我~

收起回答

最近總是夢到
2016-12-13

用瀏覽器調(diào)試他會告訴你錯誤在哪里

0 回復有任何疑惑可以回復我~

收起回答

#1

慕粉4340077 提問者

我還不會用啊，慚愧！不然也不會這樣耗時間了。你是怎么用的？

2016-12-13 回復有任何疑惑可以回復我~

最近總是夢到
2016-12-13

<!DOCTYPE html>
<html>
?<head>
? <title> new document </title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>? ?
? <script type="text/javascript">
?
?? ?
???? hover();
???? // 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
???? function hover(){
???????? var tab = document.getElementsByTagName("table")[0];
?? ??? ? var tabtr = document.getElementsByTagName("tr");
??? ??? ?for (i=0;i<tabtr.length;i++) {
??? ??? ??? ?tabtr[i].onmouseenter = function(){
??? ??? ??? ??? ?this.style.backgroundColor="#f2f2f2";
??? ??? ??? ?}
??? ??? ??? ?tabtr[i].onmouseleave = function(){
??? ??? ??? ??? ?this.style.backgroundColor="#fff";
??? ??? ??? ?}
??? ??? ?}
???? }
??? ?
?? ?
?? ?
???? var index;
????? // 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
???? function add(){
??? ??? ?index=0;
??? ??? ?var tab = document.getElementsByTagName("table")[0];
??? ??? ?var tr = document.createElement("tr");
??? ??? ?var td1 = document.createElement("td");
??? ??? ?td1.innerHTML="xh001";
??? ??? ?tr.appendChild(td1);
??? ??? ?var td2 = document.createElement("td");
??? ??? ?td2.innerHTML="王小明";
??? ??? ?tr.appendChild(td2);
??? ??? ?var a= document.createElement("a");
??? ??? ?var td3 = document.createElement("td");
??? ??? ?a.innerHTML="刪除";
??? ??? ?a.setAttribute("href","javascript:;");
?? ?? ??? ?td3.appendChild(a);
??? ??? ?tr.appendChild(td3);
??? ??? ?tab.appendChild(tr);
??? ??? ?a.setAttribute("onclick","remove(this)");
??? ??? ?hover();
???? }
?? ??? ??? ?
? ??? ?
???? // 創(chuàng)建刪除函數(shù)
???? function remove(obj){
??? ??? ?var tab = obj.parentNode.parentNode.parentNode;
??? ??? ?var tr = obj.parentNode.parentNode;
??? ??? ?tab.removeChild(tr)
??? ??? ?hover();
??? ??? ?return false;
???? }

? </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="remove(this)">刪除</a></td>?? 
?? ??? </tr>

?? ??? <tr>
?? ??? ?<td>xh002</td>
?? ??? ?<td>劉小芳</td>
?? ??? ?<td><a href="javascript:;" onclick="remove(this)">刪除</a></td>?? 
?? ??? </tr> ?

?? ??? </table>
?? ??? <input type="button" value="添加一行"? onclick="add()"/>?? 
?</body>
</html>