آموزش متد getPropertyPriority در CSSOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد getPropertyPriority در CSSOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد getPropertyPriority در CSSOM جاوااسکریپت
با استفاده از متد ()getPropertyPriority میتونیم مقدار important یا ( خودمونی اولویت اجرای استایل ) یک ویژگی CSS رو بدست آوریم.
حتما آموزش دستور important را مشاهده نمایید.
| مقدار برگشتی | اگه important تنظیم شده باشه important رو برگشت میده و اگه important تنظیم نشده باشه هیچی برگشت نمیده |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : گرفتن اولویت ( یا به انگلیسی Priority ) ویژگی color
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyStyle = document.styleSheets[0].cssRules[0]; var MyResult = document.getElementById("Result"); MyResult.innerHTML = MyStyle.style.getPropertyPriority("color"); } </script> |
مثال شماره ۲ : همون مثال شماره ۱ هس، فقط اومدیم با استفاده از دستور شرطی IF کاری کردیم که اگه مقدار برگشتی important باشه تو خروجی پیغام بده که ” آره مهم هس ” و اگه نباشه بگه ” نه مهم نیس ”
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> function Get(){ var MyStyle = document.styleSheets[0].cssRules[0]; var MyResult = document.getElementById("Result"); if( MyStyle.style.getPropertyPriority("color") == "important" ){ MyResult.innerHTML = "آره مهم هس"; }else{ MyResult.innerHTML = "نه مهم نیس"; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()getPropertyPriority | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
object.getPropertyPriority( "Property_Name" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Property_Name | ضروری – نام اون ویژگی ای که قراره وضعیت important بودنشو بدست آورد. |
Free-Learn
نکات و توضیحات
- با استفاده از ویژگی cssText میتونیم ویژگی CSS + مقدارشو بدست آوریم.
- با استفاده از ویژگی parentRule میتونیم خوده انتخابگر + دستورات CSS شو بدست آوریم.
- با استفاده از ویژگی length میتونیم تعداد عددی ویژگی های موجود در یک تگ رو بدست آوریم.
- با استفاده از متد setProperty میتونیم یک ویژگی CSS + مقدار رو تنظیم یا ست کنیم.
- با استفاده از متد getPropertyValue میتونیم مقدار یک ویژگی CSS رو بدست آوریم.
