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



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

جلسه ۲۹ : آموزش کار با گره ها در DOM

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

      مقدمه

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

      آموزش کار با گره ها در DOM

      با توجه به XML DOM، می توان گفت همه چیز در یک سند XML یک گره است:

      • کل سند یک گره سند است.
      • هر عنصر XML یک گره عنصری است.
      • متن در عناصر XML گره های متنی است.
      • هر ویژگی یک گره attribute است.
      • Comments  گره های Comments هستند.

      یک نمونه از DOM

      نگاهی به فایل XML زیر (books.xml) بی اندازید:

      مثال : ooks.xml

      و سپس به کدهای زیر توجه نمایید:

      مثال : 

      گره ریشه در XML بالا <bookstore> نام دارد.
      تمام گره های دیگر در سند در داخل <bookstore> قرار دارند.
      گره ریشه <bookstore> دارای ۴ گره <book> است.
      اولین گره <book> گره های child را نگه می دارد: <title>، <author>، <year>، و <price>.
      گره های child دارای یک گره متنی هستند: “Everyday Italian” و “Giada De Laurentiis” و  “۲۰۰۵” و در نهایت “۳۰٫۰۰”.

      متن همیشه در گره های Text ذخیره می شود

      یک خطای معمول در پردازش DOM این است که انتظار داشته باشیم که یک عنصر گره یا element node حاوی متن باشد.
      با این حال، متن یک گره عنصر در یک گره متنی ذخیره می شود.
      در این مثال: <year> 2005 </ year> گره عنصر <year> یک گره متنی با مقدار «۲۰۰۵» را نگه داشته است.
      “۲۰۰۵” ارزش عنصر <year> نیست!

      درخت گره XML DOM

      XML DOM یک سند XML را به عنوان یک ساختار درخت مشاهده می کند.
      ساختار درخت یک درخت گره  node-tree نامیده می شود.
      تمام گره ها را می توان از طریق درخت مشاهده کرد.
      محتویات آنها نیز می تواند اصلاح یا حذف شود و یا عناصر جدید در آن ها ایجاد شود.

      درخت گره مجموعه ای از گره ها و اتصالات بین آنها را نمایش می دهد.
      درخت از گره ریشه root node شروع می شود و گره های متن text nodes را در پایین ترین سطح درخت قرار می دهد:

      آموزش کار با گره ها در DOM

      درخت گره ها node-tree در XML

      تصویر بالا نشانگر فایل XML فایل books.xml است:

      مثال : ooks.xml

      گره های Parents والدین، فرزندان Children و خواهر- برداران siblings

      گره ها در درخت گره یک رابطه سلسله مراتبی با یکدیگر دارند.
      اصطلاحات پدر و مادر، فرزند و خواهر و برادر برای توصیف روابط استفاده می شود.
      گره های والدین دارای فرزند هستند. فرزندان در همان سطح خواهر یا برادر (برادر یا خواهر) نام گذاری شده اند.

      • در گره درخت، گره بالا ریشه نامیده می شود.
      • هر گره، به جز ریشه، دارای دقیقا یک گره اصلی است.
      • گره می تواند هر تعداد فرزند داشته باشد.
      • برگ یک گره بدون فرزند است.
      • خواهر و برادران با یک گره والدین مشخص شده اند.

      تصویر زیر بخشی از درخت گره و رابطه بین گره ها را نشان می دهد:

      آموزش کار با گره ها در DOM

      درخت گره ها node-tree در XML

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

      در جلسات بعدی بیشتر در خصوص جا به جایی در درخت گره ها خواهید آموخت.

      اولین فرزند – آخرین فرزند First Child – Last Child

      به بخش XML زیر توجه کنید:

      مثال : 

      در XML بالا، عنصر <title> اولین فرزند عنصر <book> است و عنصر <price> آخرین فرزند عنصر <book> است.
      علاوه بر این، عنصر <book> گره اصلی گرههای <title>، <author>، <year> و <price> است.

      کلام آخر

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

      QR:  جلسه ۲۹ : آموزش کار با گره ها در DOM
      به اشتراک بگذارید