快捷導(dǎo)航

js遍歷子節(jié)點(diǎn)子元素附屬性及方法

更新時(shí)間：2014年08月19日 11:01:31 投稿：whsnow

遍歷子節(jié)點(diǎn)子元素的方法有很多，本例使用js來(lái)實(shí)現(xiàn)，另附示例代碼及屬性方法，需要的朋友可以參考下

// 添加子節(jié)點(diǎn)前刪除所有子節(jié)點(diǎn)

var usernameEle = document.getElementById("username");
var childs = usernameEle.childNodes;
for(var i = childs.length - 1; i >= 0; i--) {
usernameEle.removeChild(childs[i]);
}
var username = document.createTextNode(obj.username);
usernameEle.appendChild(username);

屬性：

nextSibling 返回當(dāng)前節(jié)點(diǎn)的下一個(gè)兄弟節(jié)點(diǎn)(只讀)
previousSibling 返回此節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)(只讀)
parentNode 返回父節(jié)點(diǎn)(只讀)
childNodes 存儲(chǔ)節(jié)點(diǎn)的子節(jié)點(diǎn)列表(只讀)
nodeValue 返回節(jié)點(diǎn)的文本(可讀寫)
Text 返回此節(jié)點(diǎn)及其后代的文本內(nèi)容(可讀寫)
nodeName 返回節(jié)點(diǎn)的名字(只讀)

Attributes 存儲(chǔ)節(jié)點(diǎn)的屬性列表(只讀)
dataType 返回此節(jié)點(diǎn)的數(shù)據(jù)類型
Definition 以DTD或XML模式給出的節(jié)點(diǎn)的定義(只讀)
Doctype 指定文檔類型節(jié)點(diǎn)(只讀)
documentElement 返回文檔的根元素(可讀寫)
firstChild 返回當(dāng)前節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)(只讀)
Implementation 返回XMLDOMImplementation對(duì)象
lastChild 返回當(dāng)前節(jié)點(diǎn)最后一個(gè)子節(jié)點(diǎn)(只讀)
nodeType 返回節(jié)點(diǎn)的類型(只讀)
nodeTypedValue 存儲(chǔ)節(jié)點(diǎn)值(可讀寫)
ownerDocument 返回包含此節(jié)點(diǎn)的根文檔(只讀)
Parsed 返回此節(jié)點(diǎn)及其子節(jié)點(diǎn)是否已經(jīng)被解析(只讀)
Prefix 返回名稱空間前綴(只讀)
preserveWhiteSpace 指定是否保留空白(可讀寫)
url 返回最近載入的XML文檔的URL(只讀)
Xml 返回節(jié)點(diǎn)及其后代的XML表示(只讀)

方法：

getElementsByTagName 返回指定名字的元素集合
appendChild 為當(dāng)前節(jié)點(diǎn)添加一個(gè)新的子節(jié)點(diǎn),放在最后的子節(jié)點(diǎn)后
createElement 創(chuàng)建一個(gè)元素節(jié)點(diǎn)
createTextNode 創(chuàng)建包括給定數(shù)據(jù)的文本節(jié)點(diǎn)
removeChild 從子結(jié)點(diǎn)列表中刪除指定的子節(jié)點(diǎn)
hasChildNodes 返回當(dāng)前節(jié)點(diǎn)是否有子節(jié)點(diǎn)

cloneNode 返回當(dāng)前節(jié)點(diǎn)的拷貝
createAttribute 創(chuàng)建新的屬性
createCDATASection 創(chuàng)建包括給定數(shù)據(jù)的CDATA段
createComment 創(chuàng)建一個(gè)注釋節(jié)點(diǎn)
createDocumentFragment 創(chuàng)建DocumentFragment對(duì)象
createEntityReference 創(chuàng)建EntityReference對(duì)象
createNode 創(chuàng)建給定類型,名字和命名空間的節(jié)點(diǎn)
createPorcessingInstruction 創(chuàng)建操作指令節(jié)點(diǎn)
insertBefore 在指定節(jié)點(diǎn)前插入子節(jié)點(diǎn)
Load 導(dǎo)入指定位置的XML文檔
loadXML 導(dǎo)入指定字符串的XML文檔
replaceChild 從子節(jié)點(diǎn)列表中替換指定的子節(jié)點(diǎn)
Save 把XML文件存到指定節(jié)點(diǎn)
selectNodes 對(duì)節(jié)點(diǎn)進(jìn)行指定的匹配,并返回匹配節(jié)點(diǎn)列表
selectSingleNode 對(duì)節(jié)點(diǎn)進(jìn)行指定的匹配,并返回第一個(gè)匹配節(jié)點(diǎn)
transformNode 使用指定的樣式表對(duì)節(jié)點(diǎn)及其后代進(jìn)行轉(zhuǎn)換
transformNodeToObject 使用指定的樣式表將節(jié)點(diǎn)及其后代轉(zhuǎn)換為對(duì)象