فهرست سرفصل‌های XML
خانه (XML HOME) مقدمه (XML Introduction) نحوه استفاده (XML How to use) درخت (XML Tree) سینتکس (XML Syntax) عناصر (XML Elements) ویژگی ها (XML Attributes) فضاهای نام (XML Namespaces) نمایش (XML Display) XMLHttpRequest (XML HttpRequest) پارسر (XML Parser) DOM (XML DOM) XPath (XML XPath) XSLT (XML XSLT) XQuery (XML XQuery) XLink (XML XLink) اعتبارسنج (XML Validator) DTD (XML DTD) اسکیما (XML Schema) سرور (XML Server) مقدمه (AJAX Introduction) ساخت XMLHttpRequest (AJAX XMLHttp) ارسال درخواست (AJAX Request) پاسخ (AJAX Response) فایل XML (AJAX XML File) AJAX با PHP (AJAX PHP) AJAX با ASP (AJAX ASP) پایگاه داده (AJAX Database) اپلیکیشن ها (AJAX Applications) مثال ها (AJAX Examples) مقدمه (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 Introduction) گره ها (XPath Nodes) سینتکس (XPath Syntax) محورها (XPath Axes) عملگرها (XPath Operators) مثال ها (XPath Examples) مقدمه (XSLT Introduction) زبان ها (XSL Languages) تبدیل (XSLT Transform) الگو (<template>) (XSLT <template>) value-of (<value-of>) (XSLT <value-of>) for-each (<for-each>) (XSLT <for-each>) مرتب سازی (XSLT <sort>) اگر (<if>) (XSLT <if>) انتخاب (XSLT <choose>) اعمال قالب ها (XSLT Apply) در سمت کلاینت (XSLT on the Client) در سمت سرور (XSLT on the Server) ویرایش XML (XSLT Edit XML) مثال ها (XSLT Examples) مقدمه (XQuery Introduction) مثال (XQuery Example) FLWOR (XQuery FLWOR) HTML (XQuery HTML) اصطلاحات (XQuery Terms) سینتکس (XQuery Syntax) افزودن (XQuery Add) انتخاب (XQuery Select) توابع (XQuery Functions) مقدمه (DTD Introduction) بلوک های سازنده (DTD Building Blocks) عناصر (DTD Elements) ویژگی ها (DTD Attributes) عناصر در برابر ویژگی ها (DTD Elements vs Attr) موجودیت ها (DTD Entities) مثال ها (DTD Examples) مقدمه (XSD Introduction) چگونه (XSD How To) برچسب <schema> (XSD <schema>) عناصر (XSD Elements) ویژگی ها (XSD Attributes) محدودیت ها (XSD Restrictions) عناصر پیچیده (XSD Complex Elements) خالی (XSD Empty) فقط عناصر (XSD Elements-only) فقط متن (XSD Text-only) ترکیبی (XSD Mixed) نشانگرها (XSD Indicators) <any> (XSD <any>) <anyAttribute> (XSD <anyAttribute>) جایگزینی (XSD Substitution) مثال (XSD Example) رشته (XSD String) تاریخ/زمان (XSD Date/Time) عددی (XSD Numeric) متفرقه (XSD Misc) مرجع (XSD Reference) سرویس ها (XML Services) WSDL (XML WSDL) SOAP (XML SOAP) RDF (XML RDF) RSS (XML RSS) مثال ها (XML Examples) آزمون (XML Quiz) سیلابس (XML Syllabus) برنامه مطالعه (XML Study Plan) گواهینامه (XML Certificate) انواع گره (DOM Node Types) گره (DOM Node) NodeList (DOM NodeList) NamedNodeMap (DOM NamedNodeMap) سند (DOM Document) عنصر (DOM Element) ویژگی (DOM Attribute) متن (DOM Text) CDATA (DOM CDATA) کامنت (DOM Comment) XMLHttpRequest (DOM XMLHttpRequest) پارسر (DOM Parser) المان ها (XSLT Elements) توابع (XSLT/XPath Functions)
نتیجه‌ای برای جستجو یافت نشد.
XML

XML — پیمایش (DOM Traversing)

آخرین بروزرسانی: 1404/08/17

پیمایش (DOM Traversing)

پیمایش (Traversing) یعنی حرکت در درخت DOM. «درخت DOM» ساختار گره هاست. با پیمایش، نام و مقدار گره ها را می خوانیم. مثل قدم زدن بین نیمکت های کلاس و خواندن اسم ها.

پیمایش گره ها در عمل

در این مثال، یک رشته XML را می خوانیم. سپس بچه های ریشه را می گردیم. بعد، نام هر گره و متنش را می نویسیم.

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>
    <script>
      var text;
      var parser;
      var xmlDoc;
      var x;
      var i;
      var txt;
      txt = "";
      text = "<book>" +
             "<title>Everyday Italian</title>" +
             "<author>Giada De Laurentiis</author>" +
             "<year>2005</year>" +
             "</book>";
      parser = new DOMParser();
      xmlDoc = parser.parseFromString(text, "text/xml");
      x = xmlDoc.documentElement.childNodes;
      for (i = 0; i < x.length; i++) {
        txt = txt + x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "<br>";
      }
      document.getElementById("demo").innerHTML = txt;
    <\/script>
  </body>
</html>

مشاهده در ادیتور

تفاوت مرورگرها و فاصله های خالی

مرورگرها در فاصله خالی و خط جدید فرق دارند. برخی فاصله خالی را «گره متن» حساب می کنند. بنابراین تعداد بچه ها تغییر می کند.

شمارش تعداد بچه های ریشه

<!DOCTYPE html>
<html>
  <body>
    <p id="count"></p>
    <script>
      function showCount(xml) {
        var xmlDoc;
        var x;
        xmlDoc = xml.responseXML;
        x = xmlDoc.documentElement.childNodes;
        document.getElementById("count").innerHTML = "Number of child nodes: " + x.length;
      }
    <\/script>
  </body>
</html>

مشاهده در ادیتور

PCDATA و CDATA با مثال کوتاه

PCDATA یعنی «متن قابل تحلیل». مفسر XML این متن را می شکند. CDATA یعنی «متن غیرقابل تحلیل». مفسر داخلش را نادیده می گیرد.

قرار دادن کد در CDATA

<script>
<![CDATA[
function matchwo(a, b) {
  if (a < b && a < 0) {
    return 1;
  } else {
    return 0;
  }
}
]]>
<\/script>

مشاهده در ادیتور

نکته: رشته "]]>" داخل CDATA مجاز نیست. همچنین CDATA تو در تو مجاز نیست.

گام های پیشنهادی برای پیمایش DOM

  1. XML را در xmlDoc بارگذاری کن.
  2. به ریشه برو و childNodes را بگیر.
  3. نوع هر گره را بررسی کن و متن را بخوان.

برای جزئیات بیشتر به «فهرست گره ها» و «اطلاعات گره» هم سر بزن. سپس بخش «ناوبری گره ها» را ادامه بده تا روابط گره ها را ببینی.

جمع بندی سریع

  • پیمایش، حرکت در گره های DOM است.
  • فاصله خالی می تواند گره متن باشد.
  • PCDATA تحلیل می شود؛ CDATA تحلیل نمی شود.
  • با حلقه، نام و مقدار را استخراج کن.