js removeChild 方法
生活随笔
收集整理的這篇文章主要介紹了
js removeChild 方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 概述
??刪除后的節點雖然不在文檔樹中了，但其實它還在內存中，可以隨時再次被添加到別的位置。
?? 當你遍歷一個父節點的子節點并進行刪除操作時，要注意，children屬性是一個只讀屬性，并且它在子節點變化時會實時更新
// 拿到待刪除節點: var self = document.getElementById('to-be-removed'); // 拿到父節點: var parent = self.parentElement; // 刪除: var removed = parent.removeChild(self); removed === self; // true?
2. example
?
<!DOCTYPE html> <html> <head> </script> </head> <body> <ul id="test-list"><li>JavaScript</li><li>Swift</li><li>HTML</li><li>ANSI C</li><li>CSS</li><li>DirectX</li> </ul> <script> var p= document.getElementById('test-list'); var length = p.children.length; var i=0; for(; i<length; ){var li = p.children[i];var text = li.innerText;if(text!=='JavaScript' && text!=='HTML' && text!=='CSS'){p.removeChild(li);alert(p.children.toString());length--;}else{i++;} } // 測試: ;(function () {vararr, i,t = document.getElementById('test-list');if (t && t.children && t.children.length === 3) {arr = [];for (i = 0; i < t.children.length; i ++) {arr.push(t.children[i].innerText);}if (arr.toString() === ['JavaScript', 'HTML', 'CSS'].toString()) {alert('測試通過!');}else {alert('測試失敗: ' + arr.toString());}}else {alert('測試失敗!');} })(); </script> </body> </html>?
轉載于:https://www.cnblogs.com/rocky-fang/p/5772895.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的js removeChild 方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 网址汇总
- 下一篇： 字符串匹配手机号码的正则表达式（原创，适