元素創建的三種方式

創建元素的三種方式

1 document.write()

document.write('新設置的內容<p>標籤也可以生成</p>');

2 innerHTML

var box = document.getElementById('box');
box.innerHTML = '新內容<p>新標籤</p>';

3 document.createElement()

var div = document.createElement('div');
document.body.appendChild(div);

4 性能問題

innerHTML方法由於會對字符串進行解析，需要避免在循環內多次使用。

可以藉助字符串或數組的方式進行替換，再設置給innerHTML

優化後與document.createElement性能相近

5 案例

動態創建列表，高亮顯示

根據數據動態創建表格

模擬百度搜索文本框