دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۸
  • اردیبهشت

جلسه ۲۸ : معرفی و بررسی DOM در XML

  • دسته‌بندی‌ها :
جلسه ۲۸ : معرفی و بررسی DOM در XML
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته فصل آموزش AJAX در DOM را به پایان رساندیم. این جلسه شروع فصل آموزش DOM در XML است. در اولین جلسه از فصل DOM به معرفی و بررسی DOM در XML می پردازیم.

      معرفی و بررسی DOM در XML

      معرفی و بررسی DOM در XML را با این پرسش اساسی آغاز می کنیم که DOM چیست؟

      معرفی و بررسی DOM در XML

      معرفی و بررسی DOM در XML

      DOM یک استاندارد برای دسترسی و دستکاری اسناد تعریف می کند:

      “مدل W3C Document Object یا (DOM) یک رابط کاربری پلت فرم و زبان بی طرف است که به برنامه ها و اسکریپت ها اجازه می دهد تا به صورت پویا به محتوا، ساختار و استایل یک سند دسترسی داشته و آن را به روز رسانی نماید.”

      HTML DOM یک روش استاندارد برای دسترسی و دستکاری اسناد HTML را است.
      HTML DOM یک سند HTML را به عنوان یک ساختار درختی ارائه می دهد.

      XML DOM یک روش استاندارد برای دسترسی و دستکاری اسناد XML را است.
      XML DOM یک سند XML را به عنوان یک ساختار درختی ارائه می دهد.

      درک DOM برای کسانی که با HTML یا XML سر و کار دارند ضروری است!

      HTML DOM

      تمام عناصر HTML را می توان از طریق HTML DOM مشاهده کرد.
      مثال زیر ارزش یک عنصر HTML را با استفاده از “id = “demo تغییر می دهد:

      مثال : 

      این مثال مقدار اولین عنصر <h1> در یک سند HTML را تغییر می دهد:

      مثال : 

      توجه:

      حتی اگر سند HTML حاوی تنها یک عنصر <h1> باشد بایستی باز هم Array ایندکس را [۰] تنظیم کنید زیرا روش ()getElementsByTagName همیشه یک Array را بازگردانی می نماید.

      اگر هنوز با جاوا اسکریپت مشکل دارید یا هنوز کار با آن را نمی دانید به دوره آموزش جاوا اسکریپت پی وی لرن بپیوندید!

      XML DOM

      تمام عناصر XML را می توان از طریق XML DOM مشاهده کرد.

      XML DOM:

      • یک مدل standard object برای XML است.
      • یک رابط برنامه نویسی استاندارد برای XML می باشد.
      • پلت فرم و زبان مستقل است.
      • یک استاندارد W3C محسوب می شود.

      به عبارت دیگر می توان گفت: XML DOM یک استاندارد برای چگونگی دریافت، تغییر، افزودن یا حذف عناصر XML است.

      دریافت مقدار یک عنصر XML

      این کد ارزش متن اول عنصر <title> را در یک سند XML بازیابی می کند:

      مثال : 

      بارگیری یک فایل XML

      فایل XML که در نمونه های زیر استفاده شده است، book.xml است.
      این مثال “books.xml” در xmlDoc را می خواند:

      مثال : ooks.xml

      و سپس  مقدار متن از اولین عنصر <title> در books.xml را بازیابی می نماید:

      مثال : 

      توضیح مثال بالا

      • XML DOM object – xmlDoc  که توسط تجزیه کننده ایجاد شده است.
      • [getElementsByTagName(“title”)[0 – اولین عنصر <title> را دریافت می کند.
      • [childNodes[0 – اولین child عنصر <title> (گره متن).
      • nodeValue – مقدار گره (the text itself)

      بارگذاری یک رشته xml

      این مثال یک رشته متن را در یک XML DOM object بارگذاری می کند و اطلاعات آن را در جاوا اسکریپت استخراج می کند:

      مثال : 

      رابط برنامه نویسی Programming Interface

      DOM models XML می تواند مجموعه ای از گره های objects را ایجاد نماید.
      گره ها را می توان با جاوا اسکریپت یا سایر زبان های برنامه نویسی مشاهده کرد.
      در این آموزش ما از جاوا اسکریپت استفاده میکنیم.
      رابط برنامه نویسی DOM توسط خواص و روش های استاندارد مجموعه تعریف شده است.

      ویژگی ها یا Properties که اغلب به صورتی مانند (nodename is “book”) نامیده می شوند.

      روش ها یا Methods که اغلب به عنوان مواردی که حذف می شوند مانند (delete “book”) به کار می روند.

      ویژگی های XML DOM

      موارد زیر برخی از ویژگی های DOM معمولی هستند:

      • x.nodeName – نام x
      • x.nodeValue – مقدار x
      • x.parentNode – گره parent از x
      • x.childNodes – گره های child از x
      • x.attributes – صفات گره های x
        توجه: در لیست بالا، x یک گره است.

      XML روش های DOM آخرین مبحث معرفی و بررسی DOM در XML در است که به آن خواهیم پرداخت.

      XML روش های DOM

      • (x.getElementsByTagName (name – تمام عناصر با یک نام تگ مشخص را دریافت می کند.
      • (x.appendChild(node – گره child را به x وارد می کند.
      • (x.removeChild(node –  یک گره child را از x حذف می نماید.

      توجه: در لیست بالا، x یک گره است.

      کلام آخر

      در این جلسه به معرفی و بررسی DOM در XML پرداختیم.
      در جلسه بعد با آموزش گره ها در DOM خواهیم پرداخت.
      با پی وی لرن همراه باشید.

      QR:  جلسه ۲۸ : معرفی و بررسی DOM در XML
      به اشتراک بگذارید