三種動態建立元素的區別

2022-10-10 00:48:10 字數 477 閱讀 6441

docment.write( )是直接將內容寫入頁面的內容流,但是文件流執行完畢,則它會導致頁面全部重繪

innerhtml是將內容寫入某個dom節點,不會導致頁面全部重繪

innerhtml建立多個元素效率更高(不要拼接字串採取陣列形式拼接),結構稍微複雜

createelement()建立多個元素效率稍低一點點,但是結構更加清晰

1.docment.write() 建立元素

點選

abc

2.innerhtml 建立元素

點選

abc

3.document.createelement() 建立元素

點選

abc

三種建立元素方式的區別

點選 button p abc p div class inner div div class create div script function 三種建立元素方式區別 1.document.write 建立元素 如果頁面文件流載入完畢,再呼叫這句話會導致頁面重繪 var btn document...

js中三種建立元素的區別

下面用 innerhtml 和 document.createelement 來建立元素,測試一下哪個效率比較好 box div 效果1 測試用innerhtml 來建立元素並顯示到頁面需要用到的時間 將當前時間轉換成時間戳 毫秒,從1970年到現在 var d1 new date var box ...

JS建立元素的三種方式

1.innerhtml element.innerhtml 標籤字串 2.docuement.write document.write 標籤字串 3.document.createelement document.createelement 標籤名 三者區別 innerhtml 會覆蓋原來元素裡面的...