javascript 處理HTML元素必須避免使用的一種方法

我們可能往往會去排查問題的緣由，其實，在排查掉冗餘的迴圈和精簡了控制項數量後，我們發現效能還是不樂觀，於是繼續排查，一個偶然的修改，卻大大改善了效率，就是類似如下的修改：
修改前：
複製代碼 代碼如下:objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>';

修改後： 複製代碼 代碼如下:var imga = document.createElement("img");
imga.setAttribute("src","back.gif");
imga.setAttribute("id","picture");
objDiv.appendChild(imga);

之前可能因為書寫的便利，所以沒有採用建立頁面元素，再分別賦值，最後進行嵌套的方法，而是直接通過字串賦值innerHTML的方法，這種方法就是比較簡單和便捷，但是在效能方面還是有所損失的，因為這中間必然涉及到一個將字串轉換為正確的頁面控制項的的一個過程，這其中的效能損失可能比較大，所以造成了頁面相應的遲緩。