怎么在JavaScript中刪除dom節點

發布時間：2021-04-29 17:29:30 來源：億速云閱讀：274 作者：Leah 欄目：編程語言

這篇文章給大家介紹怎么在JavaScript中刪除dom節點，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

JavaScript的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.js技術進行服務器端編程。

方法一：使用removeChild()方法刪除dom字節點

使用語法

parentNode.removeChild(childNode);

使用實例

var box=document.getElementById("box");
box.parentNode.removeChild(box);

注意：為了保證兼容性，要判斷元素節點的節點類型(nodeType)，若nodeType==1，再執行刪除操作。通過這個方法，就可以在 IE和 Mozilla 完成正確的操作。

方法二：使用remove()方法刪除dom節點本身

使用語法

parentNode.remove();

使用實例

var box=document.getElementById("box");
box.remove();

關于怎么在JavaScript中刪除dom節點就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節