選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO 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 GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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 節點列表


getElementsByTagName() 方法和 childNodes 屬性會返回一個節點列表。


DOM Node List

使用 childNodes 或 getElementsByTagName() 等屬性或方法時,會返回一個節點列表物件。

節點列表物件代表一個節點列表,節點順序與 XML 中相同。

節點列表中的節點透過索引號訪問,從 0 開始。

下圖代表 books.xml 中 <title> 元素的節點列表

DOM node list

假設 "books.xml" 已載入到變數 xmlDoc 中。

此程式碼片段在 "books.xml" 中返回一個 title 元素的節點列表

x = xmlDoc.getElementsByTagName("title");

執行上述語句後,x 是一個節點列表物件。

以下程式碼片段從節點列表 (x) 中的第一個 <title> 元素返回文字

示例

var txt = x[0].childNodes[0].nodeValue;
自己動手試一試 »

執行上述語句後,txt = "Everyday Italian"。



Node List Length

節點列表物件會自行更新。如果刪除或添加了元素,列表會自動更新。

節點列表的 length 屬性是列表中節點的數量。

此程式碼片段返回 "books.xml" 中 <title> 元素的數量

x = xmlDoc.getElementsByTagName('title').length;

執行上述語句後,x 的值將是 4。

可以使用節點列表的長度來迴圈遍歷列表中的所有元素。

此程式碼片段使用 length 屬性迴圈遍歷 <title> 元素列表

示例

x = xmlDoc.getElementsByTagName('title');
xLen = x.length;

for (i = 0; i <xLen; i++) {
    txt += x[i].childNodes[0].nodeValue) + " ";
}

輸出

Everyday Italian
Harry Potter
XQuery Kick Start
學習 XML
自己動手試一試 »

示例說明

  1. 假設 books.xml 已載入到 xmlDoc 中
  2. 將 x 變數設定為包含所有 title 元素的節點列表
  3. 從 <title> 元素中收集文字節點值

DOM Attribute List (Named Node Map)

元素節點的 attributes 屬性返回一個屬性節點列表。

這被稱為命名節點對映,它與節點列表類似,但方法和屬性有所不同。

屬性列表會自行更新。如果刪除或添加了屬性,列表會自動更新。

此程式碼片段從 "books.xml" 中的第一個 <book> 元素返回屬性節點列表

x = xmlDoc.getElementsByTagName('book')[0].attributes;

執行上述程式碼後,x.length 是屬性的數量,並且可以使用 x.getNamedItem() 返回一個屬性節點。

此程式碼片段獲取 "category" 屬性的值,以及一本書的屬性數量

示例

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

txt = x.getNamedItem("category").nodeValue + " " + x.length;

輸出

cooking 1
自己動手試一試 »

示例說明

  1. 假設 books.xml 已載入到 xmlDoc 中
  2. 將 x 變數設定為包含第一個 <book> 元素的所有屬性的列表
  3. 獲取 "category" 屬性的值以及屬性列表的長度

×

聯絡銷售

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

報告錯誤

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

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

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