改变innerHTML关联导致内存无法释放

使用JavaScript进行DOM操作的时候，视浏览器的情况，总会遇到些有趣的事情。这次描述的问题和IE6和innerHTML关联有关：细节记录， ie6 对已删除结点的innerHTML以及dom操作时会出现该删除节点的内存再也释放不掉，而设置删除节点的属性以及 css 则没有问题。

经常在 xhr 中回调处理结点的注意了，可能要处理的结点已经删除了。

测试代码：

 
 
 
 

  
  
  
  
< div id="p"> 
  
  
  
  
 < a id="c"> 
  
  
  
  
  xx  
  
  
  
  
 < /a> 
  
  
  
  
< /div> 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
< script> 
  
  
  
  
 window.onload=function(){  
  
  
  
  
    
  
  
  
  
  var a=document.getElementById("c");  
  
  
  
  
  document.getElementById("p").innerHTML="";  
  
  
  
  
    
  
  
  
  
  //css，属性没有问题  
  
  
  
  
  //a.style.width="1px";  
  
  
  
  
  //a.href="xx";  
  
  
  
  
    
  
  
  
  
  //设置innerHTML就有问题了：改变了innerHTML关联  
  
  
  
  
  a.innerHTML='yy';  
  
  
  
  
    
  
  
  
  
  //dom a 和 span 都无法释放了  
  
  
  
  
  //a.appendChild(document.createElement("span"));  
  
  
  
  
    
  
  
  
  
  //a=null;  
  
  
  
  
   
  
  
  
  
 }  
  
  
  
  
 < /script> 
  
  
  
  
   
 
 
 
 

正常情况下:

页面执行后 in-use 结点 6 个 ，a 已经释放了

innerHTML关联：

改变了已删除结点的innerHTML in-use 结点 7 个 ，a 无法释放

新闻名称：改变innerHTML关联导致内存无法释放
URL链接：http://www.shufengxianlan.com/qtweb/news30/349580.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联