選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA 生成式 AI SCIPY AWS 網路安全 資料科學
     ❯   

XML 教程

XML 首頁 XML 簡介 XML 用途 XML 樹 XML 語法 XML 元素 XML 屬性 XML 名稱空間 XML 顯示 XML HttpRequest XML 解析器 XML DOM XML XPath XML XSLT XML XQuery XML XLink XML 驗證器 XML DTD XML Schema XML 伺服器 XML 示例 XML 測驗 XML 證書

XML AJAX

AJAX Introduction AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

XML DOM

DOM Introduction DOM Nodes DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Navigating DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM Examples

XPath 教程

XPath Introduction XPath Nodes XPath Syntax XPath Axes XPath Operators XPath Examples

XSLT 教程

XSLT Introduction XSL Languages XSLT Transform XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT on the Client XSLT on the Server XSLT Edit XML XSLT Examples

XQuery 教程

XQuery Introduction XQuery Example XQuery FLWOR XQuery HTML XQuery Terms XQuery Syntax XQuery Add XQuery Select XQuery Functions

XML DTD

DTD Introduction DTD Building Blocks DTD Elements DTD Attributes DTD Elements vs Attr DTD Entities DTD Examples

XSD Schema

XSD 簡介 XSD 如何使用 XSD <schema> XSD 元素 XSD 屬性 XSD 限制 XSD 複雜元素 XSD 空 XSD 僅元素 XSD 僅文字 XSD 混合 XSD 指示符 XSD <any> XSD <anyAttribute> XSD 替換 XSD 示例

XSD Data Types

XSD String XSD Date/Time XSD Numeric XSD Misc XSD Reference

Web Services

XML Services XML WSDL XML SOAP XML RDF XML RSS

參考手冊

DOM 節點型別 DOM 節點 DOM NodeList DOM NamedNodeMap DOM Document DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM Parser XSLT 元素 XSLT/XPath 函式

XML DOM - 訪問節點


使用 DOM,您可以訪問 XML 文件中的每個節點。


訪問節點

您可以透過三種方式訪問節點:

  1. 透過使用 getElementsByTagName() 方法
  2. 透過迴圈(遍歷)節點樹
  3. 透過使用節點關係導航節點樹

getElementsByTagName() 方法

getElementsByTagName() 返回所有具有指定標籤名的元素。

語法

node.getElementsByTagName("tagname");

示例

以下示例返回 x 元素下的所有 <title> 元素

x.getElementsByTagName("title");

請注意,上面的示例僅返回 x 節點下的 <title> 元素。要返回 XML 文件中的所有 <title> 元素,請使用

xmlDoc.getElementsByTagName("title");

其中 xmlDoc 是文件本身(文件節點)。



DOM 節點列表

getElementsByTagName() 方法返回一個節點列表。節點列表是節點的陣列。

x = xmlDoc.getElementsByTagName("title");

x 中的 <title> 元素可以透過索引號訪問。要訪問第三個 <title>,您可以這樣寫:

y = x[2];

注意:索引從 0 開始。

親自嘗試


DOM 節點列表長度

length 屬性定義了節點列表的長度(節點的數量)。

您可以透過使用 length 屬性遍歷節點列表

示例

var x = xmlDoc.getElementsByTagName("title");

for (i = 0; i <x.length; i++) {
  // 對每個節點執行一些操作
  }
自己動手試一試 »

節點型別

XML 文件的 documentElement 屬性是根節點。

節點的 nodeName 屬性是節點的名稱。

節點的 nodeType 屬性是節點的型別。

您將在本教程的下一章中瞭解更多關於節點屬性的資訊。

親自嘗試


遍歷節點

以下程式碼遍歷根節點的子節點,這些子節點也是元素節點

示例

txt = "";
x = xmlDoc.documentElement.childNodes;

for (i = 0; i <x.length; i++) {
  // 只處理元素節點(型別 1)
  if (x[i].nodeType == 1) {
    txt += x[i].nodeName + "<br>";
  }
}
自己動手試一試 »

示例說明

  1. 假設您已將 "books.xml" 載入到 xmlDoc 中
  2. 獲取根元素 (xmlDoc) 的子節點
  3. 對於每個子節點,檢查節點型別。如果節點型別為 "1",則它是一個元素節點
  4. 如果節點是元素節點,則輸出節點的名稱

導航節點關係

以下程式碼使用節點關係導航節點樹

示例

x = xmlDoc.getElementsByTagName("book")[0];
xlen = x.childNodes.length;
y = x.firstChild;

txt = "";
for (i = 0; i <xlen; i++) {
  // 只處理元素節點(型別 1)
  if (y.nodeType == 1) {
    txt += y.nodeName + "<br>";
  }
  y = y.nextSibling;
}
自己動手試一試 »

示例說明

  1. 假設您已將 "books.xml" 載入到 xmlDoc 中
  2. 獲取第一個 book 元素的子節點
  3. 將“y”變數設定為第一個 book 元素的第一個子節點
  4. 對於每個子節點(從第一個子節點“y”開始)
  5. 檢查節點型別。如果節點型別為“1”,則它是一個元素節點
  6. 如果節點是元素節點,則輸出節點的名稱
  7. 將“y”變數設定為下一個兄弟節點,並再次執行迴圈

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援