首頁猿問制作表格結(jié)果沒有一個(gè)會(huì)顯示，附代碼

制作表格結(jié)果沒有一個(gè)會(huì)顯示，附代碼

JavaScript

Quenyic 2016-09-18 17:12:47

<!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(){????????????????? ??????Highlight();???? ? ?} ?????function?add(obj){ ?????????var?tbody=document.getElementById("table").lastChild; ?????????var?tr=document.createElement("tr"); ?????????var?td=document.createElement("td"); ?????????td.innerHTML="<input?type="text"/>" ?????????tr.appendChild(td); ???????? ?????????tr=document.createElement("tr"); ?????????td=document.createElement("td"); ?????????td.innerHTML="<input?type="text"/>" ?????????tr.appendChild(td); ????????? ?????????tr=document.createElement("tr"); ?????????td=document.createElement("td"); ?????????td.innerHTML="<a?href="javascript:;"?onclick="dele(this)">刪除</a>" ?????????tr.appendChild(td); ????????? ?????????tbody.appendChild("tr"); ?????} ???? ??? ? ?????//?創(chuàng)建刪除函數(shù) ?????function?dele(obj){ ?????????var?tbody=document.getElementById("table").lastChild; ????????//?var?tbody=obj.parentNode.parentNode.parentNode; ?????????var?tr=obj.parentNode.parentNode; ?????????tbody.removeChild(tr); ?????} ???? ????function?Highlight(){ ????????var?tbody=document.getElementById("table").lastChild; ????????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"; ????????????} ????????} ????} ??</script>? ?</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:;"?onclick="dele(this)">刪除</a></td>??? ???</tr> ???<tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick="dele(this)">刪除</a></td>??? ???</tr>?? ???</table> ???<input?type="button"?value="添加一行"?onclick="add()"?/>??? ?</body> </html>

查看完整描述

1 回答

已采納

OlderSkee

TA貢獻(xiàn)123條經(jīng)驗(yàn) 獲得超103個(gè)贊

td.innerHTML="<input type='text'/>"
td.innerHTML="<a href='javascript:;' onclick='dele(this)'>刪除</a>"

注意單雙引號(hào)的區(qū)別

在雙引號(hào)里面要想再加引號(hào) 【必須】用單引號(hào)。

這三個(gè)位置改了刪除就可以用了。

另外你添加td 應(yīng)該是用innerHTML直接添加節(jié)點(diǎn)就可以了

比如

var newtr=document.createElement('tr');
var newtrS=newtr.innerHTML='<td>'+sNum+'</td>'+'<td>'+sName+'</td>'+'<td><a href="javascript:;" onclick="del(this)">刪除</a></td>';
var oTC=document.getElementById("table").lastChild;
oTC.appendChild(newtr);

你這樣重復(fù)聲明和添加肯定是不符合邏輯的。

另外tbody是不需要你手動(dòng)添加。

1 反對(duì) 回復(fù) 2016-09-18