Javascript創(chuàng)建節(jié)點
下面列出常用的創(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é)點。
語法:
document.createTextNode(text)
其中,text 為文本節(jié)點的內(nèi)容,并將返回一個節(jié)點對象。
例如,創(chuàng)建一個文本節(jié)點,內(nèi)容為“ 這是文本節(jié)點 ”:
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();
小天
createElement()創(chuàng)建節(jié)點!
8年前 添加回復(fù) 0