獲取元素的值

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

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

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

獲取元素值

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

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

xmlDoc=loadXMLDoc("books.xml");

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

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

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

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

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

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

結果：txt = "Harry Potter"

TIY

遍歷所有 <title> 元素：TIY

獲取屬性的值

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

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

可以通過使用 getAttribute() 方法或屬性節(jié)點的 nodeValue 屬性來完成這個任務。

獲取屬性值 - getAttribute()

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

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

xmlDoc=loadXMLDoc("books.xml");

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

結果：txt = "en"

例子解釋：

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

TIY

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

獲取屬性值 - getAttributeNode()

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

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

xmlDoc=loadXMLDoc("books.xml");

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

結果：txt = "en"

例子解釋：

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

TIY

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