為什么添加不了
function addtr()
? ? ? ?{
? ? ? ? ? ?var addtr=document.createElement("tr")
? ? ? ? ? ?var td1=document.createElement("td")
? ? ? ? ? ?var td2=document.createElement("td")
? ? ? ? ? ?var td3=document.createElement("td")
? ? ? ? ? ?var table=document.getElementById("table")
? ? ? ? ? ?table.appendChild(addtr)
? ? ? ? ? ?addtr.appendChild(td1)
? ? ? ? ? ?addtr.appendChild(td2)
? ? ? ? ? ?addtr.appendChild(td3)
? ? ? ? ? ?
? ? ? ?} ?
2016-08-01
你上面的代碼我試了下可以使用
<!DOCTYPE?html> <html> ?<head> ??<title>?new?document?</title>?? ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>??? ?? ?</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="add()"??/>???<!--在添加按鈕上添加點擊事件??--> ???????<script?type="text/javascript">? ?? ??????window.onload?=?function(){ ?????????????????? ?????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。 ?????????var?nodes?=?document.getElementsByTagName("tr"); ?????????for(var?i=0;i<nodes.length;i++){ ?????????????nodes[i].setAttribute("onmouseover","javscript:style.background='#f2f2f2'"); ?????????????nodes[i].setAttribute("onmouseout","javscript:style.background='#fff'"); ?????????} ???? ????? ? ?} ????? ??????//?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點； ?????function?add1(){ ?????????var?newTr?=?document.createElement("tr"); ?????????var?old?=?document.getElementsByTagName("tr"); ?????????newTr.innerHTML?=?old[1].innerHTML; ?????????old[1].parentNode.appendChild(newTr); ????????? ?????} ????function?add(){ ????????var?addtr=document.createElement("tr") ???????????var?td1=document.createElement("td") ???????????var?td2=document.createElement("td") ???????????var?td3=document.createElement("td") ???????????var?table=document.getElementById("table") ???????????td1.innerHTML="003"; ???????????td2.innerHTML="王小明"; ???????????td3.innerHTML="<a?href='javascript:;'?onclick='del(this)'>刪除</a>"; ???????????table.appendChild(addtr) ???????????addtr.appendChild(td1) ???????????addtr.appendChild(td2) ???????????addtr.appendChild(td3) ????} ??? ? ?????//?創建刪除函數 ?????del?=?function(obj){ ?????????var?tr?=?obj.parentNode.parentNode; ?????????tr.parentNode.removeChild(tr); ?????} ??</script>? ?</body> </html>