當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript-操作DOM对象-删除dom节点
生活随笔
收集整理的這篇文章主要介紹了
JavaScript-操作DOM对象-删除dom节点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
刪除節點
刪除節點的步驟: 先獲取父節點，再通過父節點刪除自己
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div id="father"><h1>標題1</h1><h1>標題2</h1><p id="p1">p1</p><p class="p2">p2</p> </div><script>// 方式一let p1 = document.getElementById('p1');let father = p1.parentElement;// father.removeChild(p1)// 方式二, 方式二是一個動態的過程，刪除一個少一個，所以 [] 里面的數字不能從 0~n-1console.log(father.children)all_ch = father.children// father.removeChild(father.children[0])father.removeChild(all_ch[0])father.removeChild(all_ch[1])father.removeChild(all_ch[1])father.removeChild(all_ch[0]) </script></body> </html>注意： 刪除多個節點的時候，children 是在時刻變化的，刪除節點的時候一定要注意
https://www.bilibili.com/video/BV1JJ41177di?p=22
總結
以上是生活随笔為你收集整理的JavaScript-操作DOM对象-删除dom节点的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java-可变参数
- 下一篇： JavaScript-分支和循环