Javascript中有哪些創(chuàng)建節(jié)點(diǎn)的方法,很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
Javascript創(chuàng)建節(jié)點(diǎn)的方法有幾種
下面列出常用的創(chuàng)建節(jié)點(diǎn)的方法:
方法 說(shuō)明
createElement() 創(chuàng)建一個(gè)元素節(jié)點(diǎn)
createTextNode() 創(chuàng)建一個(gè)文本節(jié)點(diǎn)
createComment() 創(chuàng)建一個(gè)文本節(jié)點(diǎn)
createDocumentFragment() 創(chuàng)建文檔碎片節(jié)點(diǎn)
以上四種方法都是 document 對(duì)象的方法。
createElement()
createElement()用來(lái)創(chuàng)建一個(gè)元素節(jié)點(diǎn),即 nodeType=1 的節(jié)點(diǎn)。
語(yǔ)法:
document.createElement(tagName)
其中,tagName 為HTML標(biāo)簽的名稱(chēng),并將返回一個(gè)節(jié)點(diǎn)對(duì)象。
例如,創(chuàng)建div>標(biāo)簽和p>標(biāo)簽的語(yǔ)句如下:
var ele_div=document.createElement("div");
var ele_p=document.createElement("p");
createTextNode()
createTextNode()用來(lái)創(chuàng)建一個(gè)文本節(jié)點(diǎn),即 nodeType=3 的節(jié)點(diǎn)。
Javascript創(chuàng)建節(jié)點(diǎn)的方法有幾種
語(yǔ)法:
document.createTextNode(text)
其中,text 為文本節(jié)點(diǎn)的內(nèi)容,并將返回一個(gè)節(jié)點(diǎn)對(duì)象。
例如,創(chuàng)建一個(gè)文本節(jié)點(diǎn),內(nèi)容為“ 這是文本節(jié)點(diǎn) ”:
?
1
var ele_text=document.createTextNode(" 這是文本節(jié)點(diǎn) ");
createComment()
createComment()用來(lái)創(chuàng)建一個(gè)注釋節(jié)點(diǎn),即 nodeType=8 的節(jié)點(diǎn)。
語(yǔ)法:
document.createComment(comment)
其中,comment 為注釋的內(nèi)容,并將返回一個(gè)節(jié)點(diǎn)對(duì)象。
例如,創(chuàng)建一個(gè)注釋節(jié)點(diǎn),內(nèi)容為“ 這是一個(gè)注釋節(jié)點(diǎn) ”:
var ele_comment=document.createComment(" 這是一個(gè)注釋節(jié)點(diǎn) ");
createDocumentFragment()
createDocumentFragment() 用來(lái)創(chuàng)建文檔碎片節(jié)點(diǎn)。
文檔碎片節(jié)點(diǎn)是若干DOM節(jié)點(diǎn)的集合,可以包括各種類(lèi)型的節(jié)點(diǎn),如 元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn) 等。文檔碎片節(jié)點(diǎn)在創(chuàng)建之初是空的,需要向它添加節(jié)點(diǎn)。
語(yǔ)法:
document.createDocumentFragment();
例如,創(chuàng)建一個(gè)文檔碎片節(jié)點(diǎn),并將它賦值給變量:
var ele_fragment=document.createDocumentFragment();
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,的支持。
網(wǎng)站標(biāo)題:Javascript中有哪些創(chuàng)建節(jié)點(diǎn)的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)鏈接:http://jinyejixie.com/article42/ddseec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、品牌網(wǎng)站建設(shè)、ChatGPT、面包屑導(dǎo)航、域名注冊(cè)、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容