移除DOM节点 - 走看看

zoukankan html css js c++ java

移除DOM节点
在IE中移除容器类节点，会引起内存泄露，最好是创建一个新的节点，比如div，然后将要删除的节点放入这个div中，再将div的innerHTML清空。其它的直接removeChild就可以了。
```
 var removeNode = !+"\v1" ? function(){
    var d;
    return function(node){
        if(node && node.tagName != 'BODY'){
            d = d || document.createElement('DIV');
            d.appendChild(node);
            d.innerHTML = '';
        }
    }
}() : function(node){
    if(node && node.parentNode && node.tagName !=  'BODY'){
        node.parentNode.removeChild(node);
    }
}
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>移除节点</title> <script type="text/javascript"> var removeNode = !+"\v1" ? function(){ var d; return function(node){ if(node && node.tagName != 'BODY'){ d = d || document.createElement('DIV'); d.appendChild(node); d.innerHTML = ''; } } }() : function(node){ if(node && node.parentNode && node.tagName != 'BODY'){ node.parentNode.removeChild(node); } } var remove = function(id){ var ddd = document.getElementById(id); removeNode(ddd); } var check = function(id){ var ddd = document.getElementById(id); alert(ddd); } </script> <style type="text/css"> #ddd { 400px; height:200px; background:red; } #eee { margin:20px; 300px; height:100px; background:blue; } </style> </head> <body> <div id="ddd"> 要去除的父元素 <div id="eee"> 子元素 </div> </div> <button type="button" onclick="remove('ddd')">去除ddd元素</button><br /> <button type="button" onclick="check('ddd')">检测ddd元素是否存在</button><br /> <button type="button" onclick="remove('eee')">去除eee元素</button><br /> <button type="button" onclick="check('eee')">检测eee元素是否存在</button> </body> </html>

移除节点：

xxx.removeChild(obj) xxx是所删除节点的父节点

xxx.removeNode(true) xxx是所要删除的节点
机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年
查看全文

相关阅读:
剑指Offer（书）：链表中环的入口节点
 剑指Offer（书）：链表的倒数第K个节点
 剑指Offer（书）：调整数组顺序使奇数位于偶数前面
 恒天云技术分享系列7 – 分布式块存储架构
 恒天云技术分享系列6 – vLan网络原理解析
 恒天云技术分享系列5 – 虚拟化平台性能对比（KVM & VMware）
恒天云技术分享系列4 – OpenStack网络攻击与防御
 企业如何实现云计算价值的最大化
 恒天云技术分享系列3 – KVM性能调优
 恒天云技术分享系列2

原文地址：https://www.cnblogs.com/rubylouvre/p/1525637.html