當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JavaScript-操作DOM对象-删除dom节点
生活随笔
收集整理的這篇文章主要介紹了
JavaScript-操作DOM对象-删除dom节点
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
刪除節(jié)點(diǎn)
刪除節(jié)點(diǎn)的步驟: 先獲取父節(jié)點(diǎn)，再通過(guò)父節(jié)點(diǎn)刪除自己
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <div id="father"><h1>標(biāo)題1</h1><h1>標(biāo)題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)// 方式二, 方式二是一個(gè)動(dòng)態(tài)的過(guò)程，刪除一個(gè)少一個(gè)，所以 [] 里面的數(shù)字不能從 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>注意： 刪除多個(gè)節(jié)點(diǎn)的時(shí)候，children 是在時(shí)刻變化的，刪除節(jié)點(diǎn)的時(shí)候一定要注意
https://www.bilibili.com/video/BV1JJ41177di?p=22
總結(jié)
以上是生活随笔為你收集整理的JavaScript-操作DOM对象-删除dom节点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Java-可变参数
- 下一篇： JavaScript-分支和循环