js瀏覽器操作DOM之刪除DOM
阿新 • • 發佈：2017-08-17
utf-8 sel python move mage child rip 操作dom bsp
刪除一個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