Javascript中有哪些創(chuàng)建節(jié)點的方法

Javascript中有哪些創(chuàng)建節(jié)點的方法，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

　　Javascript創(chuàng)建節(jié)點的方法有幾種

　　下面列出常用的創(chuàng)建節(jié)點的方法：

　　方法 說明

　　createElement() 創(chuàng)建一個元素節(jié)點

　　createTextNode() 創(chuàng)建一個文本節(jié)點

　　createComment() 創(chuàng)建一個文本節(jié)點

　　createDocumentFragment() 創(chuàng)建文檔碎片節(jié)點

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

　　createElement()

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

　　語法：

　　document.createElement(tagName)

　　其中，tagName 為HTML標(biāo)簽的名稱，并將返回一個節(jié)點對象。

　　例如，創(chuàng)建div>標(biāo)簽和p>標(biāo)簽的語句如下：

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

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

　　createTextNode()

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

　　Javascript創(chuàng)建節(jié)點的方法有幾種

　　語法：

　　document.createTextNode(text)

　　其中，text 為文本節(jié)點的內(nèi)容，并將返回一個節(jié)點對象。

　　例如，創(chuàng)建一個文本節(jié)點，內(nèi)容為“ 這是文本節(jié)點 ”：

　　?

　　1

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

　　createComment()

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

　　語法：

　　document.createComment(comment)

　　其中，comment 為注釋的內(nèi)容，并將返回一個節(jié)點對象。

　　例如，創(chuàng)建一個注釋節(jié)點，內(nèi)容為“ 這是一個注釋節(jié)點 ”：

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

　　createDocumentFragment()

　　createDocumentFragment() 用來創(chuàng)建文檔碎片節(jié)點。

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

　　語法：

　　document.createDocumentFragment();

　　例如，創(chuàng)建一個文檔碎片節(jié)點，并將它賦值給變量：

　　var ele_fragment=document.createDocumentFragment();

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