۲۸
اردیبهشت

جلسه ۳۷ : آموزش حذف گره در DOM

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

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

فهرست

مقدمه

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

آموزش حذف گره در DOM

روش ()removeChild قادر است که یک گره مشخص را حذف نماید.
و در ادامه برای حذف یک attribute می توان از روش ()removeAttribute بهره جست.
در آموزش حذف گره در DOM به تشریح بیشتر این دو روش خواهیم پرداخت.

حذف یک عنصر گره

همان طور که در سطور پش به آن اشاره شد روش ()removeChild قادر است که یک گره مشخص را حذف نماید.
وقتی یک گره حذف شود به طبع آن تمامی گره های child آن نیز حذف می شوند.
کد زیر نمونه ای است که اولین عنصر <book> از xml بارگذاری شده را حذف می نماید.

مثال :

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

xmlDoc.documentElement.removeChild(y);

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

xmlDoc.documentElement.removeChild(y);

تشریح نمونه بالا

فرض کنید “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>

۲٫ مقدار y طوری برای عنصر گره تنظیم شده است که که آن را حذف نماید.
۳٫ گره عنصر را با استفاده از روش ()removeChild از گره parent حذف می شود.

حذف گره فعلی Current Node

روش ()removeChild تنها راه حذف یک گره مشخص است.
هنگامی که قصد حذف یک گره را داشته باشید می توانید این گره را با استفاده از ویژگی parentNode و روش ()removeChild حذف نمایید.
به نمونه زیر توجه کنید:

مثال :

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

x.parentNode.removeChild(x);

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

x.parentNode.removeChild(x);

تشریح نمونه بالا

فرض کنید “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>

۲٫ مقدار y طوری برای عنصر گره تنظیم شده است که که آن را حذف نماید.
۳٫ گره عنصر را با استفاده از ویژگی parentNode و روش ()removeChild حذف می شود.

حذف یک گره متن Remove a Text Node

از روش ()removeChild می توان برای حذف یک گره متن نیز بهره برد.

مثال :

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
x.removeChild(y);

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

y = x.childNodes[0];

x.removeChild(y);

تشریح نمونه بالا

فرض کنید “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>

۲٫ متغیر x به عنوان اولین گره عنصر title تنظیم می شود.
۳٫ متغیر y به عنوان گره متنی برای حذف انتخاب می گردد.
۴٫ گره عنصر با استفاده از روش ()removeChild از گره parent حذف می شود.
استفاده از ()removeChild فقط برای حذف متن از گره چندان رایج نیست. بنابرین راه حل پیشنهادی استفاده از ویژگی nodeValue است.

پاک کردن یک گره متن Clear a Text Node

ویژگی nodeValue می تواند برای تغییر مقدار یک گره متن به کار رود:

مثال :

xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "";

1	xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "";

تشریح نمونه بالا

فرض کنید “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>https://pvlearn.com/wp-admin/post-new.php?post_type=product# 
       <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>

<year>2003</year>http://pvlearn.com/wp-admin/post-new.php?post_type=product#

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

</bookstore>

۲٫ اولین گره child از اولین عنصر tile به دست می آید.
۳٫ در این بخش ویژگی nodeValue برای پاک کردن متن از گره متن استفاده مورد استفاده قرار می گیرد.

حذف یک گره Attribute و Name آن

روش ()removeAttribute گره attribute را با نام آن حذف می کند.
مثال : (‘removeAttribute(‘category
کد زیر ویژگی “category” را در اولین عنصر <book> حذف می کند:

مثال :

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

1 2	x = xmlDoc.getElementsByTagName("book"); x[0].removeAttribute("category");

تشریح نمونه بالا

فرض کنید “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>

۲٫ از ()getElementsByTagName برای دریافت گره های book استفاده می شود.
۳٫ ویژگی “category” را از اولین گره عنصر book حذف می گردد.

ویژگی “category”را از تمام عناصر <Loop ،<book نموده و حذف کنید: خودتان امتحان کنید.

حذف یک گره Attribute و object آن

روش ()removeAttributeNode با استفاده از گره object به عنوان یک پارامتر قادر است که یک گره attribute را حذف نماید.
مثال: (removeAttributeNode(x
کد زیر تمام attributes های عنصر <book> را حذف می کند:

مثال :

x = xmlDoc.getElementsByTagName("book");

for (i = 0; i < x.length; i++) {
    while (x[i].attributes.length > 0) {
        attnode = x[i].attributes[0];
        old_att = x[i].removeAttributeNode(attnode);
    }
}

x = xmlDoc.getElementsByTagName("book");

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

while (x[i].attributes.length > 0) {

attnode = x[i].attributes[0];

old_att = x[i].removeAttributeNode(attnode);

}

تشریح نمونه بالا

فرض کنید “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>

۲٫ از ()getElementsByTagName برای گرفتن همه گره های book استفاده می شود.
۳٫ اگر attributesوجود داشته باشد آن گاه برای هر یک از عناصر book بررسی صورت خواهد گرفت.
۴٫ زمانی که attributes هایی در عناصر book وجود داشته باشد این attributes حذف خواهد گردید.

کلام آخر

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

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

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

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

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

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

جلسه ۳۷ : آموزش حذف گره در DOM

مقدمه

آموزش حذف گره در DOM

حذف یک عنصر گره

تشریح نمونه بالا

حذف گره فعلی Current Node

تشریح نمونه بالا

حذف یک گره متن Remove a Text Node

تشریح نمونه بالا

پاک کردن یک گره متن Clear a Text Node

تشریح نمونه بالا

حذف یک گره Attribute و Name آن

تشریح نمونه بالا

حذف یک گره Attribute و object آن

تشریح نمونه بالا

کلام آخر

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

XML AJAX

XML DOM

XPath Tutorial

XSLT Tutorial

XQuery

DTD

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ