JavaScript動態建立元素和追加元素

本章節介紹一下如何動態建立一個元素，然後在這個元素中追加新的元素。

一.動態建立元素:

[JavaScript] 純文字檢視 複製程式碼
var odiv=document.createElement("div");
var ospan=document.createElement("span");

以上程式碼分別建立了一個div元素和span元素。

二.元素內部追加元素:

[JavaScript] 純文字檢視 複製程式碼
var odiv=document.createElement("div");
var ospan=document.createElement("span");
odiv.appendChild(ospan);

以上程式碼在div元素的內部追加一個span元素。

三.文字節點:

[JavaScript] 純文字檢視 複製程式碼
var mytext=document.createTextNode('螞蟻部落);

以上程式碼建立一個文字節點。新增文字節點和新增元素節點是一樣的。