این آموزش در تاریخ ۱۴۰۱/۰۵/۱۴ آپدیت شده است.
آموزش ویژگی firstChild در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی firstChild در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی firstChild در DOM جاوااسکریپت
با استفاده از ویژگی firstChild میتونیم اولین گره فرزند را از یک گره مشخص شده بدست آوریم.
توجه داشته باشید که این ویژگی گره هارو محاسبه میکنه و اولین گره فرزند رو برگشت میده، ولی ویژگی firstElementChild خوده تگ رو محاسبه میکنه و اولین تگ فرزند رو برگشت میده.
| مقدار برگشتی | برگشت اولین گره فرزند و اگه چیزی وجود نداشت null برگشت میده |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن نام اولین گره فرزند ( این مثال شامل فاصله می باشد، به همین دلیل در خروجی باید text# چاپ بشه و این یعنی یک گره متن )
|
1 2 3 4 5 6 7 |
<script> function Get() { MyBox = document.getElementById("MyBox").firstChild.nodeName; } </script> |
مثال شماره ۲ : همون مثال شماره ۱ هست، فقط این مثال شامل فاصله نمی باشد، به همین دلیل در خروجی باید نام خوده گره چاپ بشه
|
1 |
<div id="MyBox"><p>سایت آموزشی فری لرن</p></div> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| firstChild | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.firstChild; |
Free-Learn
نکات و توضیحات
- با استفاده از ویژگی firstElementChild میتوان اولین تگ فرزند رو بدست آورد.
- با استفاده از ویژگی lastElementChild میتوان آخرین تگ فرزند رو بدست آورد.
- با استفاد از ویژگی firstChild میتونیم به اولین گره فرزند رو بدست آورد.
- با استفاد از ویژگی lastChild میتونیم به آخرین گره فرزند رو بدست آورد.
