این آموزش در تاریخ ۱۴۰۱/۰۵/۱۹ آپدیت شده است.
آموزش متد hasChildNodes در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد hasChildNodes در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد hasChildNodes در DOM جاوااسکریپت
با استفاده از متد ()hasChildNodes میتونیم چک کنیم ببینیم آیا یک گره دارای حداقل یک گره فرزند می باشد یا خیر، اگه گره فرزند وجود داشت در خروجی true میده و اگه وجود نداشت false میده.
وقتی میگیم گره، یعنی میتونه گره متن باشه، میتونه گره تگ یا گره صفت و.. باشه، پس در نتیجه فضای خالی یا فاصله بین حروف یا کلمه به عنوان گره شناخته میشود، در نتیجه اگه حتی ۱عدد فضای خالی وجود داشته باشه بازم به عنوان گره فرزند حسابش میکنه و در خروجی true میده.
| مقدار برگشتی | true : یعنی بله دارای گره فرزند می باشد false : یعنی خیر دارای گره فرزند نمی باشد |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم چک کنیم ببینیم آیا درون تگ DIV گره فرزند وجود دارد یا خیر.
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Check(){ var MyBox , Result; MyBox = document.getElementById("MyBox"); Result = document.getElementById("Result"); Result.innerHTML = MyBox.hasChildNodes(); } </script> |
مثال شماره ۲ : اگه گره فرزند درون باکس وجود داشت، با هربار کلیک بروی دکمه اون گره هارو حذف کنه، اگرم وجود نداشت پیغام میده ” هیچ فرزندی وجود ندارد ”
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> function Del(){ var MyBox; MyBox = document.getElementById("MyBox"); if ( MyBox.hasChildNodes() == true ){ MyBox.removeChild( MyBox.childNodes[0] ); } else{ alert("هیچ فرزندی وجود ندارد"); } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()hasChildNodes | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.hasChildNodes(); |
Free-Learn
نکات و توضیحات
در زبان جاوااسکریپت همیشه وقتی حرف از گره میشه، ما گره های مختلفی داریم، از جمله گره متن، گره عنصر ، گره کامنت ( مثال برای نمایش گره ها ) ، به همین دلیل اگه حتی ۱عدد فاصله بین تگ وجود داشته باشه ، به عنوان گره حسابش میکنه.
