۲۸
اردیبهشت

جلسه ۳۰ : آموزش دسترسی به گره ها در DOM

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

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

آموزش دسترسی به گره ها در DOM

می توان از سه طریق به یک گره دسترسی داشت.

با استفاده از روش ()getElementsByTagName.
با استفاده از Loop های موجود در یک درخت گره ( روش جا به جایی یا traversing ).
از طریق حرکت بر روی درخت گره و استفاده از روابط موجود در آن.

روش ()getElementsByTagName

روش ()getElementsByTagName تمام عناصر را با یک تگ مشخص می کند.

سینتکس

مثال :

node.getElementsByTagName("tagname");

1	node.getElementsByTagName("tagname");

مثال

مثال زیر تمام عناصر <title> زیر عنصر x را باز گردانی می کند.

مثال :

x.getElementsByTagName("title");

1	x.getElementsByTagName("title");

توجه داشته باشید که در مثال بالا فقط عناصر <title> زیر گره x باز گردانی می شود.
برای بازگشت همه عناصر <title> در استفاده از سند XML به صورت زیر عمل نمایید:

مثال :

xmlDoc.getElementsByTagName("title");

1	xmlDoc.getElementsByTagName("title");

xmlDoc همان سند است (گره سند).

فهرست گره DOM

روش ()getElementsByTagName یک لیست گره را بازگردانی می نماید.
یک لیست گره در واقع یک Array از گره ها است.

مثال :

x = xmlDoc.getElementsByTagName("title");

1	x = xmlDoc.getElementsByTagName("title");

عناصر <title> در x می توانند از طریق شماره شاخص قابل دسترس باشد.
برای دسترسی به سومین <title> میتوانید این طور بنویسید:

مثال :

y = x[2];

y = x[2];

نکته

شاخص از ۰ شروع می شود.
در جلسات بعدی با جزئیات بیشتری به لیست گره ها Node List خواهیم پرداخت.

طول لیست گره DOM

طول ویژگی ها length property در واقع طول یک لیست گره (تعداد گره ها) را نیز مشخص می کند.
می توانید از طریق یک لیست گره با استفاده از property length به Loop کردن بپردازید:

مثال :

var x = xmlDoc.getElementsByTagName("title");

for (i = 0; i <x.length; i++) {
  // do something for each node
  }

var x = xmlDoc.getElementsByTagName("title");

for (i = 0; i <x.length; i++) {

// do something for each node

}

انواع گره

ویژگی documentElement سند XML گره ریشه است.
ویژگی nodeName در یک گره، نام گره محسوب می شود.
ویژگی nodeName نیز نوع گره را تعیین می کند.

در جلسات آتی مطالب بیشتری راجع به ویژگی های گره node properties خواهید آموخت.

کد زیر گره های child را که عناصر گره هم محسوب می شوند در ریشه گره می پیچاند و (عمل loop را بر آن اجرا می نماید.)

مثال :

txt = "";
x = xmlDoc.documentElement.childNodes;

for (i = 0; i <x.length; i++) {
  // Process only element nodes (type 1)
  if (x[i].nodeType == 1) {
    txt += x[i].nodeName + "<br>";
  }
}

txt = "";

x = xmlDoc.documentElement.childNodes;

for (i = 0; i <x.length; i++) {

// Process only element nodes (type 1)

if (x[i].nodeType == 1) {

txt += x[i].nodeName + "<br>";

}

تشریح مثال بالا

۱٫فرض کنيد “books.xml” را به xmlDoc بارگذاري کرده ايد.

مثال : ooks.xml

<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>

<title lang="en">Everyday Italian</title>

<author>Giada De Laurentiis</author>

<title lang="en">Harry Potter</title>

<author>J K. Rowling</author>

<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>

<title lang="en">Learning XML</title>

</bookstore>

۲٫ گره های کودک عنصر ریشه را دریافت کنید (xmlDoc).
۳٫ برای هر گره child ، نوع گره را بررسی کنید. اگر نوع گره “۱” باشد، یک گره عنصری است.
۴٫ اگر نام گره یک عنصر گره محسوب می شود آن را به عنوان خروجی در نظر بگیرید.

مسیر یابی روابط گره

کد زیر با استفاده از روابط گره ها در درخت گره حرکت می کند.

مثال :

x = xmlDoc.getElementsByTagName("book")[0];
xlen = x.childNodes.length;
y = x.firstChild;

txt = "";
for (i = 0; i <xlen; i++) {
  // Process only element nodes (type 1)
  if (y.nodeType == 1) {
    txt += y.nodeName + "<br>";
  }
  y = y.nextSibling;
}

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

xlen = x.childNodes.length;

y = x.firstChild;

txt = "";

for (i = 0; i <xlen; i++) {

// Process only element nodes (type 1)

if (y.nodeType == 1) {

txt += y.nodeName + "<br>";

}

y = y.nextSibling;

}

تشریح مثال بالا

۱٫ فرض کنيد “books.xml” را به xmlDoc بارگذاري کرده ايد.

مثال : ooks.xml

<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>

<title lang="en">Everyday Italian</title>

<author>Giada De Laurentiis</author>

<title lang="en">Harry Potter</title>

<author>J K. Rowling</author>

<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>

<title lang="en">Learning XML</title>

</bookstore>

۲٫ گره های child را در اول عنصر book دریافت کنید.
۳٫ متغیر “y” را به عنوان اولین گره child در عنصر book تعیین نمایید.
۴٫ برای هر گره child ( از “y” استفاده نمایید.)
۵٫ نوع گره را بررسی کنید اگر نوع گره “۱” باشد، یک گره عنصری است.
۶٫ اگر نام گره یک عنصر گره محسوب می شود آن را به عنوان خروجی در نظر بگیرید.
۷٫ متغیر “y” را به گره بعدی برده و دوباره از طریق Loop اجرا کنید.

کلام آخر

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

QR: جلسه ۳۰ : آموزش دسترسی به گره ها در DOM

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

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

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

جلسه ۳۰ : آموزش دسترسی به گره ها در DOM

مقدمه

آموزش دسترسی به گره ها در DOM

روش ()getElementsByTagName

سینتکس

مثال

فهرست گره DOM

نکته

طول لیست گره DOM

انواع گره

تشریح مثال بالا

مسیر یابی روابط گره

تشریح مثال بالا

کلام آخر

لیست مطالب دوره

XML AJAX

XML DOM

XPath Tutorial

XSLT Tutorial

XQuery

DTD

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ