js建立元素並新增的幾種方法

var tab=document.

queryselector
('#container');
var p=document.
createelement
('p');
//p標籤
tab.
(p);
//新增到最後面

var tab=document.

queryselector
('#container');
var div =
'你好！';
//字串型別
tab.
insertadjacenthtml
('beforeend'
,div)
;//插入元素內部的最後乙個子節點之後

『beforebegin』：元素自身的前面。

『afterbegin』：插入元素內部的第乙個子節點之前。

『beforeend』：插入元素內部的最後乙個子節點之後。

『afterend』：元素自身的後面。

也可參考這個：

var tab=document.

queryselector
('#container');
var div = document.
createelement
('div');
//html標籤
tab.
insertadjacentelement
('beforeend'
,div)
;//'beforeend'：插入元素內部的最後乙個子節點之後。

『beforebegin』：元素自身的前面。

『afterbegin』：插入元素內部的第乙個子節點之前。

『beforeend』：插入元素內部的最後乙個子節點之後。

『afterend』：元素自身的後面。

也可參考這個：

var tab=document.

queryselector
('#container');
tab.innerhtml=
'你好！
';

也可參考這個：

$

("#container").
("你好！")
;

$

("#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 ...