Javascript中如何創建節點

這篇“Javascript中如何創建節點”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Javascript中如何創建節點”文章吧。

　　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 的節點。

　　Javascript創建節點的方法有幾種

　　語法：

　　document.createTextNode(text)

　　其中，text 為文本節點的內容，并將返回一個節點對象。

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

　　?

　　1

　　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();

以上就是關于“Javascript中如何創建節點”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。