亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問這個函數為什么刪除不了內容?

請問這個函數為什么刪除不了內容?

<script>function Del(qi){? ? var trrr = qi.parentNode.parentNode;? ? trrr.parentNode.remove(trrr);? ? }? </script>? </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:Del(this)" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?--> ? </tr> ? <tr> <td>xh002</td> <td>劉小芳</td> <td><a href="javascript:Del(this)" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?--> ? </tr> ?
查看完整描述

1 回答

已采納
?
鬧小志

TA貢獻75條經驗 獲得超42個贊

一、先說說你這個函數的問題:

function?Del(qi){????//qi是你當前點擊的a
????//?qi的parentNode是當前的td??那qi.parentNode.parentNode就是當前的tr了
????var?trrr?=?qi.parentNode.parentNode;?
????trrr.parentNode.remove(trrr);?//tr的parentNode就是table了啊?你一下就把table給刪了
????}

二、再說說你調用的問題:

調用函數是在href里調用的?寫法錯誤?。。。?!

<a?href="javascript:Del(this)"?>刪除</a>

正確寫法:

<a?href="javascript:void(0)"?onclick="Del(this)"?>刪除</a>

三、修改之后的最終版本:

<!DOCTYPE??HTML>
<html?>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>流程控制語句</title>
<script>
function?Del(qi){
????var?trrr?=?qi.parentNode;
????trrr.parentNode.remove(trrr);
????}
??</script>?
</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:void(0)"?onclick="Del(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
??</tr>
??<tr>
???<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:void(0)"?onclick="Del(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
??</tr>??
</table>
</body>
</html>

? ??


查看完整回答
2 反對 回復 2016-08-18
  • 續寫不盡的未來3319689
    續寫不盡的未來3319689
    謝謝,javascrit:void(0)這個是什么意思啊? 我前幾節我記得有一節就是在后面跟了個函數什么的。
  • 鬧小志
    鬧小志
    href是我們點擊a標簽的時候鏈接到別的地方的地址,當我們不希望a標簽跳轉鏈接的時候可以設置為javascript:void(0);或者在js中return false來阻止默認的跳轉行為(js還有個方法e.preventDefault()也是阻止默認行為的)。
  • 續寫不盡的未來3319689
    續寫不盡的未來3319689
    后面可以跟歌函數什么的嗎?我前幾節看到有這樣用的
點擊展開后面1
  • 1 回答
  • 0 關注
  • 1226 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號