首頁猿問刪除function出錯(cuò)，找了好久...

刪除function出錯(cuò)，找了好久查不出原因

JavaScript

揮發(fā)余香 2017-02-20 21:29:33

<!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)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。 ???????var?tr=document.getElementsByTagName("tr"); ???????for(var?i=0;i<tr.length;i++){ ???????????change(tr[i]); ???????} ?????} ?????function?change(obj){ ??????????obj.onmouseover=function(){ ????????????obj.style.backgroundColor="#f2f2f2"; ????????} ????????????obj.onmouseout=function(){ ????????????obj.style.backgroundColor="#fff"; ????????} ?????} ????? ??????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)； ??????var?num=2; ????function?add(){ ????????num++; ????????var?tr=document.createElement("tr"); ????????var?xh=document.createElement("td"); ????????var?xm=document.createElement("td"); ????????xh.innerHTML="xh00"+num; ????????xm.innerHTML="第"+num+"學(xué)生"; ????????var?del=document.createElement("td"); ????????del.innerHTML="<a?href='javascript:;'?onclick='del(this)'?>刪除</a>"; ????????var?tab=document.getElementById("table"); ????????tab.appendChild(tr); ????????tr.appendChild(xh); ????????tr.appendChild(xm); ????????tr.appendChild(del); ????????var?tr?=?document.getElementsByTagName("tr"); ??????????for(var?i=?0;i<tr.length;i++) ??????????{ ??????????????change(tr[i]); ??????????} ?????} ?????function?delete(obj){ ?????????var?tr=obj.parentNode.parentNote; ?????????tr.parentNode.removeChild(tr); ?????}???? ????????? ??</script>? ?</head>? ?<body>? ???????<table?border="1"?width="50%"?id="table"> ???????<tr> ????????<th>學(xué)號</th> ????????<th>姓名</th> ????????<th>操作</th> ???????</tr>?? ???????<tr> ????????<td>xh001</td> ????????<td>王小明</td> ????????<td><a?href="javascript:;"?onclick="delete(this);">刪除</a></td>??? ???????</tr> ???????<tr> ????????<td>xh002</td> ????????<td>劉小芳</td> ????????<td><a?href="javascript:;"?onclick="delete(this);"?>刪除</a></td>??? ???????</tr>?? ???????</table> ???????<input?type="button"?value="添加一行"?onclick="add()"?/>??? ?</body> </html>

查看完整描述

2 回答

蜂之谷

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

delete是關(guān)鍵字，換個(gè)名字就好了，如del
var?tr=obj.parentNode.parentNote;//這行第二個(gè)parentNode寫錯(cuò)了，d寫成t了

2 反對回復(fù) 2017-02-21

woshiajuana

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

delete是js關(guān)鍵字 ?你不能用做函數(shù)名

而且

function?delete(obj){

?????????var?tr=obj.parentNode.parentNote;????????//這句話單詞寫錯(cuò)，應(yīng)該是：var?tr=obj.parentNode.parentNode;

?????????tr.parentNode.removeChild(tr);

?????}?

總體：

<!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)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? ? ? ? ?var tr=document.getElementsByTagName("tr");
? ? ? ? ? ?for(var i=0;i<tr.length;i++){
? ? ? ? ? ? ? ?change(tr[i]);
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?function change(obj){
? ? ? ? ? ?obj.onmouseover=function(){
? ? ? ? ? ? ? ?obj.style.backgroundColor="#f2f2f2";
? ? ? ? ? ?}
? ? ? ? ? ?obj.onmouseout=function(){
? ? ? ? ? ? ? ?obj.style.backgroundColor="#fff";
? ? ? ? ? ?}
? ? ? ?}

? ? ? ?// 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
? ? ? ?var num=2;
? ? ? ?function add(){
? ? ? ? ? ?num++;
? ? ? ? ? ?var tr=document.createElement("tr");
? ? ? ? ? ?var xh=document.createElement("td");
? ? ? ? ? ?var xm=document.createElement("td");
? ? ? ? ? ?xh.innerHTML="xh00"+num;
? ? ? ? ? ?xm.innerHTML="第"+num+"學(xué)生";
? ? ? ? ? ?var del=document.createElement("td");
? ? ? ? ? ?del.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";
? ? ? ? ? ?var tab=document.getElementById("table");
? ? ? ? ? ?tab.appendChild(tr);
? ? ? ? ? ?tr.appendChild(xh);
? ? ? ? ? ?tr.appendChild(xm);
? ? ? ? ? ?tr.appendChild(del);
? ? ? ? ? ?var tr = document.getElementsByTagName("tr");
? ? ? ? ? ?for(var i= 0;i<tr.length;i++)
? ? ? ? ? ?{
? ? ? ? ? ? ? ?change(tr[i]);
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?function delete1(obj){
? ? ? ? ? ?var tr=obj.parentNode.parentNode;
? ? ? ? ? ?tr.parentNode.removeChild(tr);
? ? ? ?}

? ?</script>
</head>
<body>
<table border="1" width="50%" id="table">
? ?<tr>
? ? ? ?<th>學(xué)號</th>
? ? ? ?<th>姓名</th>
? ? ? ?<th>操作</th>
? ?</tr>
? ?<tr>
? ? ? ?<td>xh001</td>
? ? ? ?<td>王小明</td>
? ? ? ?<td><a href="javascript:;" onclick="delete1(this);">刪除</a></td> ? 
? ?</tr>
? ?<tr>
? ? ? ?<td>xh002</td>
? ? ? ?<td>劉小芳</td>
? ? ? ?<td><a href="javascript:;" onclick="delete1(this);" >刪除</a></td> ? 
? ?</tr>
</table>
<input type="button" value="添加一行" onclick="add()" /> ? 
</body>
</html>