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是所要删除的节点

查看全文

相关阅读:
报表容器元素的典型用途：保持位置关系+表角斜线
 如何在Wyn仪表板中实现文件下载
 报表表格中的迷你图
 怎么实现固定行数的表格类报表
 如何把自己设计好的仪表板分享给别人？
报表中的【子弹图】实现方法
 来自不同数据集的图表如何设置联动
 仪表板图表条件格式化设置
 报表中的数据格式设置方法汇总
 仪表板数据表根据用户需求可以自由选择查看的数据列

原文地址：https://www.cnblogs.com/firstdream/p/2410314.html