首頁(yè) 猿問(wèn) 請(qǐng)問(wèn)這個(gè)函數(shù)為什么刪除不了內(nèi)容？

請(qǐng)問(wèn)這個(gè)函數(shù)為什么刪除不了內(nèi)容？

JavaScript

續(xù)寫(xiě)不盡的未來(lái)3319689 2016-08-18 14:08:05

查看完整描述

1 回答

已采納

鬧小志

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

一、先說(shuō)說(shuō)你這個(gè)函數(shù)的問(wèn)題：

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

二、再說(shuō)說(shuō)你調(diào)用的問(wèn)題：

調(diào)用函數(shù)是在href里調(diào)用的？寫(xiě)法錯(cuò)誤！?。。?！

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

正確寫(xiě)法：

<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>流程控制語(yǔ)句</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>學(xué)號(hào)</th>
????<th>姓名</th>
????<th>操作</th>
??</tr>??
??<tr>
????<td>xh001</td>
????<td>王小明</td>
????<td><a?href="javascript:void(0)"?onclick="Del(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
??</tr>
??<tr>
???<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:void(0)"?onclick="Del(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
??</tr>??
</table>
</body>
</html>

? ??

2 反對(duì) 回復(fù) 2016-08-18

續(xù)寫(xiě)不盡的未來(lái)3319689
謝謝，javascrit:void(0)這個(gè)是什么意思?。? 我前幾節(jié)我記得有一節(jié)就是在后面跟了個(gè)函數(shù)什么的。

回復(fù) 2016-08-18
鬧小志
href是我們點(diǎn)擊a標(biāo)簽的時(shí)候鏈接到別的地方的地址，當(dāng)我們不希望a標(biāo)簽跳轉(zhuǎn)鏈接的時(shí)候可以設(shè)置為javascript：void(0);或者在js中return false來(lái)阻止默認(rèn)的跳轉(zhuǎn)行為（js還有個(gè)方法e.preventDefault()也是阻止默認(rèn)行為的）。

回復(fù) 2016-08-18
續(xù)寫(xiě)不盡的未來(lái)3319689
后面可以跟歌函數(shù)什么的嗎？我前幾節(jié)看到有這樣用的

回復(fù) 2016-08-18