溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“javascript怎么刪除HTML結點”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“javascript怎么刪除HTML結點”吧！
HTML 頁面上刪除結點的操作跟添加結點中將段落添加在指定依附點之前相似，將段落添加在指定依附點之前代碼為document.body.insertBefore(newGraf, docForm),刪除的為 document.body.removeChild(deleteNode)就能夠了。使用的是 removeChild 方法，刪除的是 body 域里面的元素。
看個代碼介紹一下吧。
假設有下面一段代碼，內容有4段。
<html>
<head>
<title>Deleting Nodes</title>
</head>
<body>
<p>給你一張過去的CD，聽聽那時我們的愛情，有時會突然忘了，我還在愛著你</p>
<p>再唱不出那樣的歌曲，聽到都會紅著臉躲避，雖然會常常忘了，我仍然愛著你</p>
<p>由于愛情，不會輕易悲傷，所以一切都是幸福的樣子</p>
<p>由于愛情，簡單的生長，仍然隨時都能為你瘋狂</p>
<input type="button" onclick="deleteNodes()" value="delete Nodes"/>
<script> function deleteNodes() { } </script>
</body>
</html>
現在要刪除段落內容，該如何實現 deleteNodes 方法呢？
很簡單，兩行代碼弄定。
var deleteNode =document.getElementsByTagName("p")[0];
document.body.removeChild(deleteNode);
var deleteNode =document.getElementsByTagName("p")[0];
獲得到要刪除的段落內容，document.getElementsByTagName("p")[0]為 body 標簽域內的第一個 p 標簽內容。
document.body.removeChild(deleteNode);
將獲得到的要刪除的節點信息從頁面上面刪除，使用 removeChild 方法。
如果段落有 id 的話，那就能夠直接使用 getElementById 方法來指定的獲得要刪除的對象，不用再使用 getElementsByTagName 方法獲得到對象集合，再通過數組下標來指定刪除對象了。
我們的示例中刪除的是 document.getElementsByTagName("p")[0]，也能夠刪除其他段落，比如document.getElementsByTagName("p")[3] 等真實存在的段落信息。
感謝各位的閱讀，以上就是“javascript怎么刪除HTML結點”的內容了，經過本文的學習后，相信大家對javascript怎么刪除HTML結點這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
