DOM Node List

當(dāng)使用諸如 childNodes 或 getElementsByTagName() 屬性或方法時(shí)，會(huì)返回 NodeList 對(duì)象。

NodeList 對(duì)象表示節(jié)點(diǎn)的列表，以 XML 中的相同順序。

使用從 0 開始的下標(biāo)來訪問節(jié)點(diǎn)列表中的節(jié)點(diǎn)。

下面的圖像表示 "books.xml" 中 <title> 元素的節(jié)點(diǎn)列表：

下面的代碼片段通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中，并返回 "books.xml" 中 title 元素的一個(gè)節(jié)點(diǎn)列表：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

以上語句執(zhí)行之后，x 成為一個(gè) NodeList 對(duì)象。

下面的代碼片段從節(jié)點(diǎn)列表 x 中的第一個(gè) <title> 元素中返回文本：

txt=x[0].childNodes[0].nodeValue;

在以上語句執(zhí)行之后，txt = "Everyday Italian"。

TIY

Node List Length

NodeList 對(duì)象會(huì)保持自身的更新。如果刪除或添加了元素，列表會(huì)自動(dòng)更新。

節(jié)點(diǎn)列表的 length 屬性是列表中節(jié)點(diǎn)的數(shù)量。

下面的代碼片段通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc，并返回 "books.xml" 中 <title> 元素的數(shù)量：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('title').length;

在上面的語句執(zhí)行之后，x = 4。

節(jié)點(diǎn)列表的長度可用于循環(huán)列表中所有的元素。

下面的代碼片段使用 length 屬性來遍歷 <title> 元素的列表：

xmlDoc=loadXMLDoc("books.xml");

//the x variable will hold a node list
x=xmlDoc.getElementsByTagName('title');

for (i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
document.write("<br />");
}

輸出：

Harry Potter
Everyday Italian
XQuery Kick Start
Learning XML

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc
• 設(shè)置保存所有 title 元素的節(jié)點(diǎn)列表的 x 變量
• 從所有 <title> 元素的文本節(jié)點(diǎn)輸出值

TIY

DOM Attribute List (Named Node Map)

元素節(jié)點(diǎn)的 attributes 屬性返回屬性節(jié)點(diǎn)的列表。

這被稱為 Named Node Map，除了方法和屬性上的一些差別以外，它與節(jié)點(diǎn)列表相似。

屬性列表會(huì)保持自身的更新。如果刪除或添加屬性，這個(gè)列表會(huì)自動(dòng)更新。

下面的代碼片段通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中，并從 "books.xml" 中的第一個(gè) <book> 元素返回屬性節(jié)點(diǎn)的一個(gè)列表：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book')[0].attributes;

以上代碼執(zhí)行之后，x.length 等于屬性的數(shù)量，可使用 x.getNamedItem() 返回屬性節(jié)點(diǎn)。

下面的代碼片段一個(gè) book 的 "category" 屬性的值，以及其屬性的數(shù)量：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0].attributes;

document.write(x.getNamedItem("category").nodeValue);
document.write("<br />" + x.length);

輸出：

children
1

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 把 x 變量設(shè)置為第一個(gè) <book> 元素的所有屬性的一個(gè)列表
• 從 "category" 屬性輸出其值
• 輸出屬性列表的長度

TIY