                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

這段代碼哪里錯了為什么新添的元素刪不了？

<!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(var i=0;i<tr.length;i++){

? tr[i].onmouseover=function(){this.style.backgroundColor=' #f2f2f2'};

? tr[i].onmouseout=function(){this.style.backgroundColor='#fff'};

? }

? } ? ?

? ? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點； ?

? ? ?var num=2;

? ? function add(){

? ? num++;

? ? var table=document.getElementById('table');

? ? var ntr=document.createElement('tr');

? ? var ntd1=document.createElement('td');

? ? var ntd2=document.createElement('td');

? ? var ntd3=document.createElement('td');

? ? var tx=document.createElement('input');

? ? var ta=document.createElement('a');

? ? tx.type='text';

? ? ta.innerHTML='刪除';

? ? ta.href='javascript:;'

? ? ta.onclick='del(this)'; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 這里修改成ta.setAttribute("onclick","del(this)”)為什么就沒問題了？

? ? if(num<10){ntd1.innerHTML='xh00'+num;}

? ? else if(num>=10&&num<100){ntd1.innerHTML='xh0'+num;}

? ? else{ntd1.innerHTML='xh'+num;}

? ? ntd2.appendChild(tx);

? ? ntd3.appendChild(ta);

? ? ntr.appendChild(ntd1);

? ? ntr.appendChild(ntd2);

? ? ntr.appendChild(ntd3);

? ? table.appendChild(ntr);

? ? var tr=document.getElementsByTagName('tr');

? for(var i=0;i<tr.length;i++){

? tr[i].onmouseover=function(){this.style.backgroundColor=' #f2f2f2'};

? tr[i].onmouseout=function(){this.style.backgroundColor='#fff'};

? }

? ? } ? ? ?

? ?// 創建刪除函數