獲取元素的值

在 DOM 中，每種成分都是節(jié)點(diǎn)。元素節(jié)點(diǎn)沒有文本值。

元素節(jié)點(diǎn)的文本存儲在子節(jié)點(diǎn)中。該節(jié)點(diǎn)稱為文本節(jié)點(diǎn)。

獲取元素文本的方法，就是獲取這個(gè)子節(jié)點(diǎn)（文本節(jié)點(diǎn)）的值。

獲取元素值

getElementsByTagName() 方法返回包含擁有指定標(biāo)簽名的所有元素的節(jié)點(diǎn)列表，其中的元素的順序是它們在源文檔中出現(xiàn)的順序。

下面的代碼通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中，并檢索第一個(gè) <title> 元素：

xmlDoc=loadXMLDoc("books.xml");

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

childNodes 屬性返回子節(jié)點(diǎn)的列表。<title> 元素只有一個(gè)子節(jié)點(diǎn)，即一個(gè)文本節(jié)點(diǎn)。

下面的代碼檢索 <title> 元素的文本節(jié)點(diǎn)：

x=xmlDoc.getElementsByTagName("title")[0];
y=x.childNodes[0];

nodeValue 屬性返回文本節(jié)點(diǎn)的文本值：

x=xmlDoc.getElementsByTagName("title")[0];
y=x.childNodes[0];
txt=y.nodeValue;

結(jié)果：txt = "Harry Potter"

親自試一試

遍歷所有 <title> 元素：親自試一試

獲取屬性的值

在 DOM 中，屬性也是節(jié)點(diǎn)。與元素節(jié)點(diǎn)不同，屬性節(jié)點(diǎn)擁有文本值。

獲取屬性的值的方法，就是獲取它的文本值。

可以通過使用 getAttribute() 方法或?qū)傩怨?jié)點(diǎn)的 nodeValue 屬性來完成這個(gè)任務(wù)。

獲取屬性值 - getAttribute()

getAttribute() 方法返回屬性的值。

下面的代碼檢索第一個(gè) <title> 元素的 "lang" 屬性的文本值：

xmlDoc=loadXMLDoc("books.xml");

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

結(jié)果：txt = "en"

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 把 txt 變量設(shè)置為第一個(gè) title 元素節(jié)點(diǎn)的 "lang" 屬性的值

親自試一試

遍歷所有 <book> 元素，并獲取它們的 "category" 屬性：親自試一試

獲取屬性值 - getAttributeNode()

getAttributeNode() 方法返回屬性節(jié)點(diǎn)。

下面代碼檢索第一個(gè) <title> 元素的 "lang" 屬性的文本值：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang");
txt=x.nodeValue;

結(jié)果：txt = "en"

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 獲取第一個(gè) <title> 元素節(jié)點(diǎn)的 "lang" 屬性節(jié)點(diǎn)
• 把 txt 變量設(shè)置為屬性的值

親自試一試

循環(huán)所有 <book> 元素并獲取它們的 "category" 屬性：親自試一試