Javascript創(chuàng)建節(jié)點(diǎn)
下面列出常用的創(chuàng)建節(jié)點(diǎn)的方法:
以上四種方法都是 document 對象的方法。
createElement()
createElement()用來創(chuàng)建一個元素節(jié)點(diǎn),即 nodeType=1 的節(jié)點(diǎn)。
語法:
document.createElement(tagName)
其中,tagName 為HTML標(biāo)簽的名稱,并將返回一個節(jié)點(diǎn)對象。
例如,創(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é)點(diǎn),即 nodeType=3 的節(jié)點(diǎn)。
語法:
document.createTextNode(text)
其中,text 為文本節(jié)點(diǎn)的內(nèi)容,并將返回一個節(jié)點(diǎn)對象。
例如,創(chuàng)建一個文本節(jié)點(diǎn),內(nèi)容為“ 這是文本節(jié)點(diǎn) ”:
var ele_text=document.createTextNode(" 這是文本節(jié)點(diǎn) ");
createComment()
createComment()用來創(chuàng)建一個注釋節(jié)點(diǎn),即 nodeType=8 的節(jié)點(diǎn)。
語法:
document.createComment(comment)
其中,comment 為注釋的內(nèi)容,并將返回一個節(jié)點(diǎn)對象。
例如,創(chuàng)建一個注釋節(jié)點(diǎn),內(nèi)容為“ 這是一個注釋節(jié)點(diǎn) ”:
var ele_comment=document.createComment(" 這是一個注釋節(jié)點(diǎn) ");
createDocumentFragment()
createDocumentFragment() 用來創(chuàng)建文檔碎片節(jié)點(diǎn)。
文檔碎片節(jié)點(diǎn)是若干DOM節(jié)點(diǎn)的集合,可以包括各種類型的節(jié)點(diǎn),如 元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn) 等。文檔碎片節(jié)點(diǎn)在創(chuàng)建之初是空的,需要向它添加節(jié)點(diǎn)。
語法:
document.createDocumentFragment();
例如,創(chuàng)建一個文檔碎片節(jié)點(diǎn),并將它賦值給變量:
var ele_fragment=document.createDocumentFragment();