Javascript中如何創(chuàng)建節(jié)點

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

　　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標簽的名稱，并將返回一個節(jié)點對象。

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

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

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