آموزش ویژگی length در CSSOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی length در CSSOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی length در CSSOM جاوااسکریپت
با استفاده از ویژگی length
که از اسمشم مشخصه، میتونیم تعداد عددی ( طول یا Length ) دستورات CSS موجود در صفت Style را بدست آوریم.
مثلا اگه دستورات CSS زیر در نظر داشته باشیم :
1 |
<h2 style=" color:blue; font-size:20px; ">Free-Learn</h2> |
چیزی که ویژگی length
به خروجی میده میشه ۲ ، یعنی ۲تا دستور CSS در این تگ استفاده شده.
مقدار برگشتی | برگشت یک عدد که نشان دهنده تعداد دستورات CSS موجود در عنصر می باشد |
---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : دریافت تعداد دستورات CSS استفاده شده در یک تگ، با کلیک بروی یک دکمه
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyTag = document.getElementById("mytag"); var result = MyTag.style.length; document.getElementById("Result").innerHTML = result; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
length | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن تعداد دستورات CSS موجود در صفت Style :
1 |
Element.style.length; |
Free-Learn
نکات و توضیحات
- این ویژگی فقط میتونه تعداد عددی دستورات CSS موجود در صفت Style که درون تگ قرار داره، رو برگردونه.
- با استفاده از ویژگی cssText میتونیم خوده دستورات CSS موجود در یک تگ رو بدست آوریم یا براش دستور جدید تنظیم کنیم.