1.innerhtml
element.innerhtml = '標籤字串'
2.docuement.write()
document.write('標籤字串')
3.document.createelement()
document.createelement('標籤名')
三者區別
innerhtml 會覆蓋原來元素裡面的內容,並且會將新的元素直接渲染到頁面上,但是不推薦用來建立**(常用)
document.write() 也會直接渲染到頁面上,並且在事件中執行的話,會覆蓋原來頁面的內容(慎用)
docuement.createelement() 只是在記憶體中建立出來乙個元素,但是並沒有新增到dom樹中(常用)
三種建立元素方式的區別
點選 button p abc p div class inner div div class create div script function 三種建立元素方式區別 1.document.write 建立元素 如果頁面文件流載入完畢，再呼叫這句話會導致頁面重繪 var btn document...
DOM建立元素三種方式比較
1.document.write 會導致頁面重繪 2.innerhtml是將內容寫入某個dom節點，不會導致頁面重繪。3.innerhtml建立多個元素效率更高，只要不採取字串拼接，採取陣列形式拼接 結構稍微複雜。4.createelement 建立多個元素效率略低，但結構更清晰。1.documen...
JS 建立元素的三種方法
1 動態建立元素一 document.write 例如向頁面中輸出乙個 li 標籤 html name code font size 12px document.write 123 script span body標籤中就會插入但是這種方法幾乎不用，因為這回影響頁面的布局，甚至會將頁面原來的內容沖刷...