Javascript中有哪些創(chuàng)建節(jié)點的方法,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網站建設、域名、雅安服務器托管、網站托管運營、企業(yè)網站設計、景德鎮(zhèn)網站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。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é)點的內容,并將返回一個節(jié)點對象。
例如,創(chuàng)建一個文本節(jié)點,內容為“ 這是文本節(jié)點 ”:
?
1
var ele_text=document.createTextNode(" 這是文本節(jié)點 ");
createComment()
createComment()用來創(chuàng)建一個注釋節(jié)點,即 nodeType=8 的節(jié)點。
語法:
document.createComment(comment)
其中,comment 為注釋的內容,并將返回一個節(jié)點對象。
例如,創(chuàng)建一個注釋節(jié)點,內容為“ 這是一個注釋節(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();
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)網站建設公司,的支持。