javascript document.createElement() document.createTextNode() appendChild(）

//--------------document.createElement("div")     
var div = document.createElement("div");
div.innerText = "abc";
效果就是
//<div>abc</div>



//---------------document.createTextNode()創建一個文本節點
var div = document.createElement("div");
div.appendChild(document.createTextNode("你想要的文本內容"));//document.createTextNode()創建一個文本節點
//<div>你想要的文本內容</div>



var style = document.createElement("style");
style.type="text/css";

 appendChild(）：

var node = document.createElement("LI");            //創建<li>節點
var textnode = document.createTextNode("Water");         //創建一個文本節點
node.appendChild(textnode);                              //將文本附加到<li>裡面
document.getElementById("myList").appendChild(node);     //將<li>添加到<ul>，id =“myList”裡面

擴充：使用 insertBefore()方法在指定的現有子節點之前插入新的子節點。