Latest web development tutorials

XML DOM – 獲取節點值

nodeValue 屬性用於獲取節點的文本值。

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

獲取元素的值

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

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

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

獲取元素值

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

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

xmlDoc=loadXMLDoc("books.xml");

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

childNodes 屬性返回子節點的列表。 <title> 元素只有一個子節點。 它是一個文本節點。

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

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

nodeValue 屬性返回文本節點的文本值：

實例

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

嘗試一下»

結果：txt = "Everyday Italian"

遍歷所有<title>元素： 嘗試一下

獲取屬性的值

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

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

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

獲取屬性值- getAttribute()

getAttribute()方法返回屬性值 。

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下»

結果：txt = "en"

實例解釋：

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

遍歷所有的<book>元素，並獲取它們的"category"屬性： 嘗試一下

獲取屬性值- getAttributeNode()

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

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下»

結果：Result: txt = "en"

實例解釋：

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

遍歷所有的<book>元素並獲取它們的"category"屬性： 嘗試一下