標籤:str 自己 moved move rip 刪掉 style dom elf
刪除一個DOM節點就比插入要容易得多。
要刪除一個節點,首先要獲得該節點本身以及它的父節點,然後調用父節點的removechild把自己刪掉即可:
<!Doctype html><html><head><meta charset="utf-8"><title>JavaScript</title></head><body><div id="list"> <p id="java">Java</p> <p id="python">Python</p> <p id="scheme">Scheme</p></div><script>‘use strict‘;//擷取需要刪除的節點var self = document.getElementById(‘java‘);//擷取需要刪除節點的父節點var parent = self.parentElement;//進行刪除操作//var removed = parent.removeChild(self);parent.removeChild(self);</script></body></html>
結果:
刪除的節點雖然不在文檔樹中了,但其實它還是在記憶體中保留的,可以隨時再次被添加到別的位置
!Doctype html><html><head><meta charset="utf-8"><title>JavaScript</title></head><body><div id="list"> <p id="java">Java</p> <p id="python">Python</p> <p id="scheme">Scheme</p></div><script>‘use strict‘;//擷取需要刪除的節點var self = document.getElementById(‘java‘);//擷取需要刪除節點的父節點var parent = self.parentElement;//進行刪除操作//var removed = parent.removeChild(self);var removed = parent.removeChild(self);console.log(removed === self);</script></body></html>
結果:
js瀏覽器操作DOM之刪除DOM