加快 DHTML 的一组技巧

加快 DHTML 的一组技巧(4)     　node.innerText = " 使用 insertAdjacentElement() "; 
    　divUpdate.insertAdjacentElement( "beforeEnd", node ); 
     } 
     
    扩展 SELECT 元素中的选项 
     
    　　对于上一条使用 HTML 文本方法的规则来说，将大量OPTION（英文） 
    元素添加到SELECT（英文）中的情况是一种例外。这时候，使用innerHTML 
    属性比调用createElement方法访问选项集合效率更高。 
     
    技巧 5：使用 innerHTML 将大量选项添加到 SELECT 元素中。 
     
    　　使用字符串连接操作来建立 SELECT 元素的 HTML 文本，然后使用此 
    技巧设置 innerHTML属性。对于数量特别大的选项，字符串连接操作也会 
    影响性能。在此情况下，请建立一个数组并调用 Microsoft JScript join 
    （英文）方法来执行 OPTION 元素 HTML 文本的最终连接。 
     
    慢： 
     
     var opt; 
     divUpdate.innerHTML = "〈SELECT ID='selUpdate'〉"; 
     for (var i=0; i<1000; i++) 
     { 
    　opt = document.createElement( "OPTION" ); 
    　selUpdate.options.add( opt ); 
    　opt.innerText = "第 " + i + " 项"; 
     } 
     
    快： 
     
     var str="〈SELECT ID='selUpdate'〉"; 
     for (var i=0; i<1000; i++) 
     { 
    　str += "〈OPTION〉第 " + i + " 项〈/OPTION〉"; 
     } 
     str += ""; 
     divUpdate.innerHTML = str;