溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

javascript怎么刪除HTML結(jié)點(diǎn)

發(fā)布時(shí)間：2022-02-08 10:16:47 來源：億速云 閱讀：104 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要講解了“javascript怎么刪除HTML結(jié)點(diǎn)”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“javascript怎么刪除HTML結(jié)點(diǎn)”吧！

HTML 頁面上刪除結(jié)點(diǎn)的操作跟添加結(jié)點(diǎn)中將段落添加在指定依附點(diǎn)之前相似，將段落添加在指定依附點(diǎn)之前代碼為document.body.insertBefore(newGraf, docForm),刪除的為 document.body.removeChild(deleteNode)就能夠了。使用的是 removeChild 方法，刪除的是 body 域里面的元素。

看個(gè)代碼介紹一下吧。

假設(shè)有下面一段代碼，內(nèi)容有4段。

<html> 
<head> 
<title>Deleting Nodes</title> 
</head> 
<body> 
<p>給你一張過去的CD，聽聽那時(shí)我們的愛情，有時(shí)會(huì)突然忘了，我還在愛著你</p> 
<p>再唱不出那樣的歌曲，聽到都會(huì)紅著臉躲避，雖然會(huì)常常忘了，我仍然愛著你</p> 
<p>由于愛情，不會(huì)輕易悲傷，所以一切都是幸福的樣子</p> 
<p>由于愛情，簡單的生長，仍然隨時(shí)都能為你瘋狂</p> 
<input type="button" onclick="deleteNodes()" value="delete Nodes"/> 
<script> function deleteNodes() { } </script> 
</body> 
</html>

現(xiàn)在要?jiǎng)h除段落內(nèi)容，該如何實(shí)現(xiàn) deleteNodes 方法呢？

很簡單，兩行代碼弄定。

var deleteNode =document.getElementsByTagName("p")[0]; 
document.body.removeChild(deleteNode);

var deleteNode =document.getElementsByTagName("p")[0];

獲得到要?jiǎng)h除的段落內(nèi)容，document.getElementsByTagName("p")[0]為 body 標(biāo)簽域內(nèi)的第一個(gè) p 標(biāo)簽內(nèi)容。

document.body.removeChild(deleteNode);

 將獲得到的要?jiǎng)h除的節(jié)點(diǎn)信息從頁面上面刪除，使用 removeChild 方法。

如果段落有 id 的話，那就能夠直接使用 getElementById 方法來指定的獲得要?jiǎng)h除的對象，不用再使用  getElementsByTagName 方法獲得到對象集合，再通過數(shù)組下標(biāo)來指定刪除對象了。

我們的示例中刪除的是 document.getElementsByTagName("p")[0]，也能夠刪除其他段落，比如document.getElementsByTagName("p")[3] 等真實(shí)存在的段落信息。

感謝各位的閱讀，以上就是“javascript怎么刪除HTML結(jié)點(diǎn)”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對javascript怎么刪除HTML結(jié)點(diǎn)這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手