誰能告訴我 我這方法為什么添加不了A鏈接
<!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(){ ?????????????????? ?????//?鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。 ??? ????? ? ?} ????????var?num=2; ??????//?編寫一個(gè)函數(shù),供添加按鈕調(diào)用,動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn); ?????????function?addrow(){ ?????????????num++; ?????????????var?tr=document.createElement("tr"); ?????????????var?line1=document.createElement("th"); ?????????????var?line2=document.createElement("th"); ?????????????var?line3=document.createElement("th"); ?????????????//line3.innerHTML='<a?href="javascript:;"?onclick="deleteH(this)">刪除</a>'; ?????????????var?D=document.createElement("a"); ?????????????var?node?=?document.createTextNode("刪除"); ??????????????D.appendChild(node); ??????????????D.setAttribute("onclick","deleteH()"); ?????????????//給各個(gè)單元賦值?; ?????????????line1.innerHTML="xh00"+num; ?????????????line2.innerHTML="小"+num; ???????????? ????????????var?tab=document.getElementById("table").lastChild; ?????????????tab.appendChild(tr); ????????????? ?????????????tr.appendChild(line1); ?????????????tr.appendChild(line2); ?????????????tr.appendChild(line3); ?????????????line3.appendChild(D); ?????????????? ?????????????var?tr1=document.getElementsByTagName("tr"); ?????????????for?(var?i=1;i<tr1.length;i++){ ????????????????colorChange(tr1[i]); ????????????} ????????????? ????????????? ?????????} ????????????? ???????? ???????? ??? ? ?????//?創(chuàng)建刪除函數(shù) ??????function?deleteH(note){ ??????????var?tr=note.parentNode.parentNode; ??????????tr.parentNode.removeChild(tr); ??????} ??</script>? ??<style> ??????*{ ??????????font-weight:400; ??????????font-family:宋體; ??????} ?????????? ????? ??</style> ?</head>? ?<body>? ???<table?border="1"?width="50%"?id="table"> ???<tr> <th>學(xué)號(hào)</th> <th>姓名</th> <th>操作</th> ???</tr>?? ???<tr> <td>xh001</td> <td>王小明</td> <td><a?href="javascript:deleteH(this);"?onclick="deleteH(this)">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ???</tr> ???<tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick="deleteH(this)">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ???</tr>?? ???</table> ???<input?type="button"?value="添加一行"?onclick="addrow()"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??--> ?</body> </html>
? 我模仿他們的方法 是可以實(shí)現(xiàn)功能 ?
?但是我用自己的想法 ?建立一個(gè)A標(biāo)簽 然后設(shè)置屬性 然后appendChild到td標(biāo)簽里 ? ?結(jié)果刪除那里并沒有a鏈接的樣子 ?只有刪除兩個(gè)字 ? 哪位大神可以指出我的錯(cuò)誤 謝謝了?
2016-09-21
第28行改為D.setAttribute("onclick","deleteH(this)");(少了傳入?yún)?shù));
第28行后加一行:D.setAttribute("href","javascript:;");