۲۸
اردیبهشت

جلسه ۳۱ : آموزش کار با اطلاعات گره در DOM

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

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

فهرست

مقدمه

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

آموزش کار با اطلاعات گره در DOM

آموزش کار با اطلاعات گره در DOM را با این سوال آغاز می کنیم که اطلاعات گره یا Node Information حاوی چه اطلاعاتی است.
به طور کل nodeName، nodeValue و ویژگی های nodeType اطلاعاتی هستند که ممکن است راجع به یک گره در DOM وجود داشته باشد.

ویژگی های گره یا Node

می توان ادعا کرد که در XML هر گره یک object یا شیء است.
بنابرین اشیاء Objects دارای روش ها و خصوصیاتی هستند که می توانند توسط جاوا اسکریپت قابل دسترسی باشند و یا دستکاری شوند.

می توان سه ویژگی مهم برای یک گره متصور شد:

nodeName نام گره
nodeValue مقدار گره
nodeType نوع گره

ویژگی nodeName

ویژگی nodeName در واقع نام یک گره را مشخص می کند.

nodeName فقط قابل خواندن یا read-only است.
nodeName یک گره عنصر همان نام تگ است.
nodeName یک گره attribute است که نام هم attribute می باشد.
nodeName یک گره متنی یا text node همیشه به صورت text# است.
nodeName یک گره سند یا document node همیشه به صورت document# است.

ویژگی nodeValue

nodeValue برای گره های عنصری تعریف نشده است.
nodeValue برای گره های همان text nodes است.
nodeValue برای گره attribute نیزattribute value می باشد.

به دست آوردن مقدار یک عنصر

کد زیر مقدار گره متن اولین عنصر <title> را بازیابی می کند:

مثال :

var x = xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue = "Easy Cooking";

1 2	var x = xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.nodeValue = "Easy Cooking";

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

۱٫ فرض کنيد “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>

۲٫ گره متنی از اولین گره عنصر <title> را دریافت کنید.
۳٫ متغیر txt را به عنوان مقدار گره متن تنظیم نمایید.

ارزش یک عنصر را تغییر دهید

کد زیر مقدار گره متن اول عنصر <title> را تغییر می دهد:

مثال :

var x = xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue = "Easy Cooking";

1 2	var x = xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.nodeValue = "Easy Cooking";

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

۱٫ فرض کنيد “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>

۲٫ گره متنی از اولین گره عنصر <title> را دریافت کنید.
۳٫ مقدار گره متن را به “Easy Cooking” تغییر دهید.

ویژگی nodeType

ویژگی nodeType نوع گره را مشخص می کند.

nodeType فقط قابل خواندن است.
مهمترین انواع گره یا nodeType عبارتند از:

نوع گره	نوع گروه
Element	۱
Attribute	۲
Text	۳
Comment	۸
Document	۹

کلام آخر

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

QR: جلسه ۳۱ : آموزش کار با اطلاعات گره در DOM

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

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

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

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

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

جلسه ۳۱ : آموزش کار با اطلاعات گره در DOM

مقدمه

آموزش کار با اطلاعات گره در DOM

ویژگی های گره یا Node

ویژگی nodeName

ویژگی nodeValue

به دست آوردن مقدار یک عنصر

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

ارزش یک عنصر را تغییر دهید

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

ویژگی nodeType

کلام آخر

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

XML AJAX

XML DOM

XPath Tutorial

XSLT Tutorial

XQuery

DTD

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ