[TOC] # 創建元素的三種方式 ## document.write 會把之前的整個頁面覆蓋掉 ~~~ document.write('新設置的內容<p>標簽也可以生成</p>'); ~~~ ## innerHTML ~~~ var box = document.getElementById('box'); box.innerHTML = '新內容<p>新標簽</p>'; ~~~ ## document.createElement ~~~ var div = document.createElement('div'); document.body.appendChild(div); ~~~ ## 性能問題 * innerHTML方法由于會對字符串進行解析，需要避免在循環內多次使用。 * 可以借助字符串或數組的方式進行替換，再設置給innerHTML * 優化后與document.createElement性能相近