XML DOM 獲取節(jié)點(diǎn)值
nodeValue 屬性用于獲取節(jié)點(diǎn)的文本值。
getAttribute() 方法返回屬性的值。
獲取元素的值
在 DOM 中，每種成分都是節(jié)點(diǎn)。元素節(jié)點(diǎn)沒有文本值。
元素節(jié)點(diǎn)的文本存儲(chǔ)在子節(jié)點(diǎn)中。該節(jié)點(diǎn)稱為文本節(jié)點(diǎn)。
獲取元素文本的方法，就是獲取這個(gè)子節(jié)點(diǎn)（文本節(jié)點(diǎn)）的值。
獲取元素值
getElementsByTagName() 方法返回包含擁有指定標(biāo)簽名的所有元素的節(jié)點(diǎn)列表，其中的元素的順序是它們?cè)谠次臋n中出現(xiàn)的順序。
下面的代碼通過(guò)使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中并檢索第一個(gè) <title> 元素：
x=xmlDoc.getElementsByTagName("title")[0];
childNodes 屬性返回子節(jié)點(diǎn)的列表。<title> 元素只有一個(gè)子節(jié)點(diǎn)。它是一個(gè)文本節(jié)點(diǎn)。
下面的代碼檢索 <title> 元素的文本節(jié)點(diǎn)：
y=x.childNodes[0];
nodeValue 屬性返回文本節(jié)點(diǎn)的文本值：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p> DOM 是非常有用的。</p>
<p>該實(shí)例展示了 <b>getElementsByTagName</b> 方法</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一個(gè)段落為：' + y[0].innerHTML);
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
結(jié)果：txt = "Everyday Italian"
遍歷所有 <title> 元素：嘗試一下
獲取屬性的值
在 DOM 中，屬性也是節(jié)點(diǎn)。與元素節(jié)點(diǎn)不同，屬性節(jié)點(diǎn)擁有文本值。
獲取屬性的值的方法，就是獲取它的文本值。
可以通過(guò)使用 getAttribute() 方法或?qū)傩怨?jié)點(diǎn)的 nodeValue 屬性來(lái)完成這個(gè)任務(wù)。
獲取屬性值 - getAttribute()
getAttribute() 方法返回屬性值。
下面的代碼檢索第一個(gè) <title> 元素的 "lang" 屬性的文本值：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
for (i=0;i<x.length;i++)
{
document.write(x[i].getAttribute('category'));
document.write("<br>");
}
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
結(jié)果：txt = "en"
實(shí)例解釋：
使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
把 txt 變量設(shè)置為第一個(gè) title 元素節(jié)點(diǎn)的 "lang" 屬性的值
遍歷所有的 <book> 元素，并獲取它們的 "category" 屬性：嘗試一下
獲取屬性值 - getAttributeNode()
getAttributeNode() 方法返回屬性節(jié)點(diǎn)。
下面代碼檢索第一個(gè) <title> 元素的 "lang" 屬性的文本值：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang");
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
結(jié)果：Result: txt = "en"
實(shí)例解釋：
使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
獲取第一個(gè) <title> 元素節(jié)點(diǎn)的 "lang" 屬性節(jié)點(diǎn)
把 txt 變量設(shè)置為屬性的值
遍歷所有的 <book> 元素并獲取它們的 "category" 屬性：嘗試一下