آموزش ویژگی firstElementChild در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی firstElementChild در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی firstElementChild در DOM جاوااسکریپت
با استفاده از ویژگی firstElementChild
میتونیم اولین تگ ( عنصر ) فرزند را از یک تگ ( عنصر ) مشخص شده بدست آوریم.
مقدار برگشتی | برگشت اولین فرزند تگ ( یا عنصر ) و اگه چیزی وجود نداشت 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 دسترسی پیدا نماییم.