این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی childElementCount در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی childElementCount در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی childElementCount در DOM جاوااسکریپت
با استفاده از ویژگی childElementCount میتونیم تعداد کل ( عددی ) فرزندان ( یا Children ) یک تگ رو بدست آوریم.
این ویژگی فقط تعداد کل فرزندان رو بصورت عددی برمیگردونه، ولی با استفاده از ویژگی children میتونیم به خوده فرزندان دسترسی پیدا نماییم.
| مقدار برگشتی | برگشت عددی تعداد کل فرزندان داخل یک تگ |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن تعداد کل فرزندان داخل تگ DIV ( یعنی میخوایم ببینیم تگ DIV چه تعداد تگ درون خودش داره )
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Get(){ var MyBox , Result; MyBox = document.getElementById("Mybox"); Result = document.getElementById("Result") Result.innerHTML = MyBox.childElementCount; } </script> |
مثال شماره ۲ : بدست آوردن فرزندان یک تگ با استفاده از ویژگی length
|
1 2 3 4 5 |
<script> Result.innerHTML = MyBox.children.length; </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| childElementCount | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.childElementCount; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- مثال شماره ۱ و ۲ خروجیشون یکیه و هیچ فرقی باهم ندارن.
