在Javascript中，可以創建各種類型的節點。

下面列出常用的創建節點的方法：
方法 說明

createElement()	創建一個元素節點
createTextNode()	創建一個文本節點
createComment()	創建一個文本節點
createDocumentFragment()	創建文檔碎片節點

以上四種方法都是 document 對象的方法。

createElement()

createElement()用來創建一個元素節點，即 nodeType=1 的節點。

語法：
? ?? document.createElement(tagName)
其中，tagName 為HTML標簽的名稱，并將返回一個節點對象。

例如，創建<div>標簽和<p>標簽的語句如下：

var ele_div=document.createElement("div");

var ele_p=document.createElement("p");

createTextNode()

createTextNode()用來創建一個文本節點，即 nodeType=3 的節點。

語法：
? ?? document.createTextNode(text)
其中，text 為文本節點的內容，并將返回一個節點對象。

例如，創建一個文本節點，內容為“ 這是文本節點 ”：

var ele_text=document.createTextNode(" 這是文本節點 ");

createComment()

createComment()用來創建一個注釋節點，即 nodeType=8 的節點。

語法：
? ?? document.createComment(comment)
其中，comment 為注釋的內容，并將返回一個節點對象。

例如，創建一個注釋節點，內容為“ 這是一個注釋節點 ”：

var ele_comment=document.createComment(" 這是一個注釋節點 ");

createDocumentFragment()

createDocumentFragment() 用來創建文檔碎片節點。

文檔碎片節點是若干DOM節點的集合，可以包括各種類型的節點，如 元素節點、文本節點、注釋節點 等。文檔碎片節點在創建之初是空的，需要向它添加節點。

語法：
? ??? document.createDocumentFragment();

例如，創建一個文檔碎片節點，并將它賦值給變量：

var ele_fragment=document.createDocumentFragment();

下一節將講解如何把創建的節點添加到DOM（HTML文檔）。

總結

以上是生活随笔為你收集整理的Javascript创建节点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。