آموزش متد hasChildNodes در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد hasChildNodes در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد hasChildNodes در DOM جاوااسکریپت
با استفاده از متد ()hasChildNodes میتونیم چک کنیم ببینیم آیا یک گره دارای گره فرزند ( یا Child Node ) می باشد یا خیر، اگه گره فرزند وجود داشت در خروجی true میده و اگه وجود نداشت false میده.
فضای خالی یا فاصله بین حروف یا کلمه به عنوان گره شناخته میشود، در نتیجه اگه حتی ۱عدد فضای خالی وجود داشته باشه بازم به عنوان گره فرزند حسابش میکنه و در خروجی true میده.
| مقدار برگشتی | برگشت یک مقدار بولی یا Boolean true : یعنی بله دارای گره فرزند می باشد false : یعنی خیر دارای گره فرزند نمی باشد |
|---|---|
| نسخه DOM | Core Level 1 Node Object |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم چک کنیم ببینیم آیا درون عنصر ( یا تگ یا گره ) گره فرزند وجود دارد یا خیر.
|
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 check(){ var mybox; mybox = document.getElementById("MyBox"); if ( mybox.hasChildNodes()==true ){ mybox.removeChild( mybox.childNodes[0] ); } else{ alert("هیچ فرزندی وجود ندارد"); } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()hasChildNodes | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Node.hasChildNodes(); |
Free-Learn
نکات و توضیحات
- در زبان جاوااسکریپت همیشه وقتی حرف از گره میشه، ما گره های مختلفی داریم، از جمله گره متن، گره عنصر ، گره کامنت ( مثال برای نمایش گره ها ) ، به همین دلیل اگه حتی ۱عدد فاصله بین عنصر وجود داشته باشه ، به عنوان گره حسابش میکنه.
