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

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。