این آموزش در تاریخ ۱۴۰۱/۰۴/۲۱ آپدیت شده است.
آموزش ویژگی length در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی length در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی length در DOM جاوااسکریپت
با استفاده از ویژگی length میتونیم تعداد کل ( عددی ) گره های موجود در یک تگ رو بصورت شئ NamedNodeMap برگشت بدیم. ( یا بدست بیاوریم )
| مقدار برگشتی | یک عدد که نشان دهنده تعداد کل گره ها می باشد |
|---|---|
| نسخه DOM | DOM Level 1 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن تعداد کل صفت های تگ H2 ( یعنی میخوایم ببینیم تگ H2 چه تعداد صفت داره )
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> function Get(){ var myh2 = document.getElementById("MyH2"); var Result = document.getElementById("Result"); // بدست آوردن تعداد کل صفت ها var Tedad = myh2.attributes.length; Result.innerHTML = Tedad; } </script> |
مثال شماره ۲ : بدست آوردن تعداد کل تصاویر ( تگ img ) که درون صفحه قرار دارند
|
1 2 3 4 5 6 7 8 9 |
<script> function Tedad_Tasavir(){ var Result = document.getElementById("Result"); var MyIMG = document.images.length; Result.innerHTML = MyIMG ; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| length | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
NamedNodeMap.length |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
Free-Learn
مثال های بیشتر
مثال شماره ۱ : میخوایم با استفاده از حلقه for کاری کنیم که لیست تمامی صفت های داخل یک تگ رو بدست آوریم، یعنی نام صفت + مقدار
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> function Get(){ var MyH2, Result, MyText, MyLength, i; MyH2 = document.getElementById("MyH2"); Result = document.getElementById("Result"); MyText = ""; MyLength = MyH2.attributes.length; for (i = 0; i < MyLength; i++){ MyText = MyText + MyH2.attributes[i].name + " = " + MyH2.attributes[i].value + "<br>"; } Result.innerHTML = MyText; } </script> |
