Javascript建立節(jié)點
下面列出常用的建立節(jié)點的方法:
以上四種方法都是 document 物件的方法。
createElement()
createElement()用來建立一個元素節(jié)點,即 nodeType=1 的節(jié)點。
語法:
document.createElement(tagName)
其中,tagName 為HTML標(biāo)籤的名稱,並將傳回一個節(jié)點物件。
例如,建立<div>標(biāo)籤和<p>標(biāo)籤的語句如下:
var ele_div=document.createElement("div");
var ele_p=document.createElement("p");
createTextNode()
createTextNode()用來建立一個文字節(jié)點,即nodeType=3 的節(jié)點。
語法:
document.createTextNode(text)
其中,text 為文字節(jié)點的內(nèi)容,並將傳回一個節(jié)點物件。
例如,建立一個文字節(jié)點,內(nèi)容為「 這是文字節(jié)點」:
var ele_text=document.createTextNode(" 這是文本節(jié)點 ");
createComment()
createComment()用來建立一個註解節(jié)點,即nodeType=8 的節(jié)點。
語法:
document.createComment(comment)
其中,comment 為註解的內(nèi)容,並將傳回一個節(jié)點物件。
例如,建立一個註解節(jié)點,內(nèi)容為「 這是一個註解節(jié)點」:
var ele_comment=document.createComment(" 這是一個注釋節(jié)點 ");
createDocumentFragment()
createDocumentFragment( ) 用來建立文檔碎片節(jié)點。
文件碎片節(jié)點是若干DOM節(jié)點的集合,可以包含各種類型的節(jié)點,如 元素節(jié)點、文字節(jié)點、註解節(jié)點 等。文件碎片節(jié)點在創(chuàng)建之初是空的,需要向它添加節(jié)點。
語法:
document.createDocumentFragment();
例如,建立一個文件碎片節(jié)點,並將它賦值給變數(shù):
var ele_fragment=document.createDocumentFragment();