JS 建立元素的三種方法

2021-10-03 22:48:20 字數 1149 閱讀 3771

1、動態建立元素一 document.write()

例如向頁面中輸出乙個 li 標籤

="html" name=


"code"


>


"font-size:12px;"


>


document.


write


("123");


<


/script>


<


/span>
body標籤中就會插入但是這種方法幾乎不用，因為這回影響頁面的布局，甚至會將頁面原來的內容沖刷掉，從而只顯示輸出內容

2、動態建立元素二 innerhtml

"font-size:12px;"


>


"box"


>


<


/div>


var box = document.


getelementbyid


("box");


box.innerhtml =


"這是p標籤";


<


/script>


<


/body>


<


/span>
div標籤中就會插入乙個p標籤，並在在頁面上輸出「這是標籤」，當需要新增的標籤比較多的時候使用這種方式。

3、動態建立元素三 document.createelement()

"font-size:12px;"


>


"div"


>


<


/div>


var divobj = document.


getelementbyid


("div");


var li = document.


createelement


("li");


//建立乙個li標籤 li.innerhtml = "123"; //給li標籤賦值


divobj.


(li)


;//將建立好的li標籤追加到box標籤中
div標籤下面就會建立了乙個li標籤，當需要動態建立的標籤比較少的時候就使用這種方式

JS建立元素的三種方式

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

js中三種建立元素的區別

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

三種建立元素方式的區別

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