آموزش ویژگی firstElementChild در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی firstElementChild در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی firstElementChild در DOM جاوااسکریپت
با استفاده از ویژگی firstElementChild میتونیم اولین تگ ( عنصر ) فرزند را از یک تگ ( عنصر ) مشخص شده بدست آوریم.
توجه داشته باشید که این ویژگی خوده عنصر ( یا تگ ) رو محاسبه میکنه و اولین تگ فرزند رو برگشت میده، ولی ویژگی firstChild گره هارو محاسبه میکنه و اولین گره فرزند رو برگشت میده.
با استفاد از ویژگی lastElementChild نیز میتونیم به آخرین تگ فرزند دسترسی پیدا نماییم.
با استفاده از ویژگی ()children نیز میتونیم به هر یک از فرزندان یک تگ با استفاده از شماره ایندکس دسترسی پیدا نماییم.
| مقدار برگشتی | برگشت اولین فرزند تگ ( یا عنصر ) و اگه چیزی وجود نداشت null برگشت میده |
|---|---|
| نسخه DOM | Core Level 1 Node Object |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن نام اولین تگ فرزند
|
1 2 3 4 5 6 7 8 9 10 |
<script> function get() { var MyBox , result; MyBox = document.getElementById("mybox").firstElementChild.nodeName; result = document.getElementById("Result"); result.innerHTML = MyBox; } </script> |
مثال شماره ۳ : بدست آوردن محتوای داخل اولین تگ فرزند
|
1 2 3 4 5 6 7 8 9 10 |
<script> function get() { var MyBox , result; MyBox = document.getElementById("mybox").firstElementChild.innerHTML; result = document.getElementById("Result"); result.innerHTML = MyBox; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| firstElementChild | بله | بله | ۱۰٫۰ | ۴٫۰ | ۹٫۰ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.firstElementChild; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- با استفاده از ویژگی firstElementChild میتوان اولین فرزند ( عنصر ) از یک تگ خاص را بدست آورد.
- با استفاده از ویژگی lastElementChild میتوان آخرین فرزند ( عنصر ) از یک تگ خاص را بدست آورد.
- با استفاد از ویژگی firstChild میتونیم به اولین گره فرزند از یک گره خاص را بدست آورد.
- با استفاد از ویژگی lastChild میتونیم به آخرین گره فرزند از یک گره خاص را بدست آورد.
- با استفاده از ویژگی ()childNodes میتونیم به هر یک از فرزندان یک گره با استفاده از شماره ایندکس یا Index دسترسی پیدا نماییم.
- با استفاده از ویژگی ()children میتونیم به هر یک از فرزندان یک عنصر با استفاده از شماره ایندکس یا Index دسترسی پیدا نماییم.
