IE 10中的Javascript很慢

Question

我遇到問題了。當我觸發此代碼：

function addItem(){ 
     var select = document.getElementById("2"); 
     select.options.length = 0;; 
     alert("Please wait..."); 
     for (var i = 0; i < array.length; i++) { 
      select.options[select.options.length] = new Option(array[i]); 
     } 
     alert("Images loaded!"); 
    } 

在Internet Explorer 10（在Windows 8上）它響應非常緩慢。陣列中平均有35000個項目，但Chrome和Firefox沒有這個問題......我能做些什麼才能在IE中更加流暢？因爲這是一個普通的瀏覽器...

Answer 1

除了對項目的傻數量，試試這個

請注意，IE不允許我們改變選擇的innerHTML所以我改變容器的innerHTML選擇必須住在這工作

function addItem(){ 
    var select = document.getElementById("2"); // Why a numeric ID? 
    var parent = select.parentNode; 
    parent.innerHTML="Please wait"; 
    var html='<select id="2" multiple="multiple">'; 
    for (var i=0,n=array.length, i<n; i++) { 
    html += '<option value="'+array[i]+'">'+array[i]+'</option>'; 
    } 
    html += '</select>' 
    parent.innerHTML=html; 
    alert("Images loaded!"); 
} 

或者看createDocumentFragment和使用appendChild