選單
×
   ❮     
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 HOME 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 解析器 XSLT 元素 XSLT/XPath 函式

XML DOM 節點


根據 XML DOM,XML 文件中的所有內容都是一個節點

  • 整個文件是一個文件節點
  • 每個 XML 元素都是一個元素節點
  • XML 元素中的文字是文字節點
  • 每個屬性都是一個屬性節點
  • 註釋是註釋節點

DOM 示例

請看下面的 XML 檔案 (books.xml)

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="cooking">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
  <book category="children">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category="web">
    <title lang="en">XQuery Kick Start</title>
    <author>James McGovern</author>
    <author>Per Bothner</author>
    <author>Kurt Cagle</author>
    <author>James Linn</author>
    <author>Vaidyanathan Nagarajan</author>
    <year>2003</year>
    <price>49.99</price>
  </book>
  <book category="web" cover="paperback">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>

上面 XML 中的根節點名為 <bookstore>。

文件中的所有其他節點都包含在 <bookstore> 中。

根節點 <bookstore> 包含 4 個 <book> 節點。

第一個 <book> 節點包含子節點:<title>、<author>、<year> 和 <price>。

子節點各包含一個文字節點,分別為“Everyday Italian”、“Giada De Laurentiis”、“2005”和“30.00”。



文字始終儲存在文字節點中

DOM 處理中一個常見的錯誤是期望元素節點包含文字。

然而,元素節點的文字儲存在文字節點中。

在此示例中:<year>2005</year>,元素節點 <year> 包含一個值為“2005”的文字節點。

“2005”不是 <year> 元素的值!


XML DOM 節點樹

XML DOM 將 XML 文件視為樹形結構。該樹形結構稱為節點樹。

所有節點都可以透過該樹訪問。它們的內容可以被修改或刪除,並且可以建立新的元素。

節點樹顯示了節點集以及它們之間的連線。樹從根節點開始,並分支到樹的最底層文字節點

DOM node tree

上圖表示 XML 檔案 books.xml


節點父級、子級和同級

節點樹中的節點彼此之間具有層次關係。

父級、子級和同級等術語用於描述這些關係。父節點有子節點。同一級別的子節點稱為同級(兄弟姐妹)。

  • 在節點樹中,頂部節點稱為根節點
  • 除根節點外,每個節點都只有一個父節點
  • 一個節點可以有任意數量的子節點
  • 葉節點是沒有子節點的節點
  • 同級節點是具有相同父節點的節點

下圖展示了節點樹的一部分以及節點之間的關係

Node tree

由於 XML 資料以樹形結構排列,因此可以在不知道樹的精確結構和其中包含的資料型別的情況下進行遍歷。

您將在本教程的後續章節中學習更多關於遍歷節點樹的知識。


第一個子節點 - 最後一個子節點

請看下面的 XML 片段

<bookstore>
  <book category="cooking">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
</bookstore>

在上面的 XML 中,<title> 元素是 <book> 元素的第一個子節點,<price> 元素是 <book> 元素的最後一個子節點。

此外,<book> 元素是 <title>、<author>、<year> 和 <price> 元素的父節點。


×

聯絡銷售

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

報告錯誤

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

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

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