var tab=document.
queryselector
('#container');
var p=document.
createelement
('p');
//p標籤
tab.
(p);
//新增到最後面
可以建立乙個字串型別的html標籤,其中有一些引數。var tab=document.
queryselector
('#container');
var div =
'你好!';
//字串型別
tab.
insertadjacenthtml
('beforeend'
,div)
;//插入元素內部的最後乙個子節點之後
『beforebegin』:元素自身的前面。
『afterbegin』:插入元素內部的第乙個子節點之前。
『beforeend』:插入元素內部的最後乙個子節點之後。
『afterend』:元素自身的後面。
也可參考這個:
只能建立標籤,不能新增裡面的內容,不能建立乙個字串型別的html標籤var tab=document.
queryselector
('#container');
var div = document.
createelement
('div');
//html標籤
tab.
insertadjacentelement
('beforeend'
,div)
;//'beforeend':插入元素內部的最後乙個子節點之後。
『beforebegin』:元素自身的前面。
『afterbegin』:插入元素內部的第乙個子節點之前。
『beforeend』:插入元素內部的最後乙個子節點之後。
『afterend』:元素自身的後面。
也可參考這個:
可以建立乙個字串型別的html標籤。var tab=document.
queryselector
('#container');
tab.innerhtml=
'你好!
';
也可參考這個:
$
("#container").
("你好!")
;
可以建立乙個字串型別的html標籤。$
("#container").
html
("你好!")
;
也可參考這個:
可能還有一些以後學到再來補充
本文只用於個人學習和記錄
JS 建立元素的三種方法
1 動態建立元素一 document.write 例如向頁面中輸出乙個 li 標籤 html name code font size 12px document.write 123 script span body標籤中就會插入但是這種方法幾乎不用,因為這回影響頁面的布局,甚至會將頁面原來的內容沖刷...
Js建立物件的幾種方法
1.使用object建構函式建立物件 先建立空的object物件,在動態地新增屬性,方法,適用場景 剛開始不清楚物件內部資料。問題 語句多 var p newobject p p.name 丁七歲 2.適用物件字面量建立物件適用 建立物件,同時指定屬性,方法。適用場景 剛開始你清楚物件的內部資料。問...
JS動態新增事件的幾種方法
js動態新增事件的幾種方法 下面的div2是乙個div 第一種 div2.setattribute onmouseover this.style.backgroundcolor blue div2.setattribute onmouseout this.style.backgroundcolor ...