XML DOM 獲取節點值 · W3School Xml 教程

# XML DOM 獲取節點值 nodeValue 屬性用于獲取節點的文本值。 getAttribute() 方法返回屬性的值。 ## 獲取元素的值在 DOM 中，每種成分都是節點。元素節點沒有文本值。元素節點的文本存儲在子節點中。該節點稱為文本節點。獲取元素文本的方法，就是獲取這個子節點（文本節點）的值。 ## 獲取元素值 getElementsByTagName() 方法返回包含擁有指定標簽名的所有元素的節點列表，其中的元素的順序是它們在源文檔中出現的順序。下面的代碼通過使用 [loadXMLDoc()](dom-loadxmldoc.html) 把 "[books.xml](images/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> 元素： [嘗試一下](/try/try.php?filename=try_dom_getelementsbytagname1) ## 獲取屬性的值在 DOM 中，屬性也是節點。與元素節點不同，屬性節點擁有文本值。獲取屬性的值的方法，就是獲取它的文本值。可以通過使用 getAttribute() 方法或屬性節點的 nodeValue 屬性來完成這個任務。 ## 獲取屬性值 - getAttribute() getAttribute() 方法返回屬性**值**。下面的代碼檢索第一個 <title> 元素的 "lang" 屬性的文本值： ## 實例 ``` xmlDoc=loadXMLDoc("books.xml"); txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang"); ``` 結果：txt = "en" 實例解釋： 1. 使用 [loadXMLDoc()](dom-loadxmldoc.html) 把 "[books.xml](images/books.xml)" 載入 xmlDoc 中 2. 把 txt 變量設置為第一個 title 元素節點的 "lang" 屬性的值遍歷所有的 <book> 元素，并獲取它們的 "category" 屬性： [嘗試一下](/try/try.php?filename=try_dom_getattribute1) ## 獲取屬性值 - getAttributeNode() getAttributeNode() 方法返回屬性**節點**。下面代碼檢索第一個 <title> 元素的 "lang" 屬性的文本值： ## 實例 ``` xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang"); txt=x.nodeValue; ``` 結果：Result: txt = "en" 實例解釋： 1. 使用 [loadXMLDoc()](dom-loadxmldoc.html) 把 "[books.xml](images/books.xml)" 載入 xmlDoc 中 2. 獲取第一個 <title> 元素節點的 "lang" 屬性節點 3. 把 txt 變量設置為屬性的值遍歷所有的 <book> 元素并獲取它們的 "category" 屬性： [嘗試一下](/try/try.php?filename=try_dom_getattributenode2)