آموزش ویژگی length در CSSOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی length در CSSOM جاوااسکریپت با من همراه باشید.

آموزش ویژگی length در CSSOM جاوااسکریپت

Free-Learn

ویژگی length در CSSOM جاوااسکریپت

با استفاده از ویژگی length که از اسمشم مشخصه، میتونیم تعداد عددی ( طول یا Length ) دستورات CSS موجود در صفت Style را بدست آوریم.

مثلا اگه دستورات CSS زیر در نظر داشته باشیم :

چیزی که ویژگی length به خروجی میده میشه ۲ ، یعنی ۲تا دستور CSS در این تگ استفاده شده.

مقدار برگشتی برگشت یک عدد که نشان دهنده تعداد دستورات CSS موجود در عنصر می باشد

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : دریافت تعداد دستورات CSS استفاده شده در یک تگ، با کلیک بروی یک دکمه

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
length بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

  • برای گرفتن تعداد دستورات CSS موجود در صفت Style :


Free-Learn

نکات و توضیحات

  • این ویژگی فقط میتونه تعداد عددی دستورات CSS موجود در صفت Style که درون تگ قرار داره، رو برگردونه.
  • با استفاده از ویژگی cssText میتونیم خوده دستورات CSS موجود در یک تگ رو بدست آوریم یا براش دستور جدید تنظیم کنیم.

Free-Learn

دریافت PDF یا پرینت این مطلب