使用JavaScript進行DOM操作的時候，視瀏覽器的情況，總會遇到些有趣的事情。這次描述的問題和IE6和innerHTML關聯(lián)有關：細節(jié)記錄， ie6 對已刪除結點的innerHTML以及dom操作時會出現(xiàn)該刪除節(jié)點的內存再也釋放不掉，而設置刪除節(jié)點的屬性以及 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關聯(lián)  
  a.innerHTML='yy';  
    
  //dom a 和 span 都無法釋放了  
  //a.appendChild(document.createElement("span"));  
    
  //a=null;  
   
 }  
 < /script> 
   

正常情況下:

頁面執(zhí)行后 in-use 結點 6 個 ，a 已經釋放了

innerHTML關聯(lián)：

改變了已刪除結點的innerHTML in-use 結點 7 個 ，a 無法釋放

【編輯推薦】

1. 詳解Javascript中的Array擴展
2. JSON是什么？為JavaScript準備的數(shù)據(jù)格式
3. 十個最常用的JavaScript自定義函數(shù)
4. 有關JavaScript事件加載的一些延伸思考
5. JavaScript使用心得匯總：從BOM和DOM談起