English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مفهوم إعلانات CSS في JavaScript

CSSStyleDeclaration(كائن التصريحات النمطية) يُمثل كائن هو جزء من تصريح نمط، يُكشف عن معلومات النمط ومجموعة من الطرق والخصائص المتعلقة بالنمط.

كائن CSSStyleDeclaration

يُمثل كائن CSSStyleDeclaration مجموعة من خصائص CSS-قيم.

var heading = document.getElementsByTagName("h1")[0];
var output = document.getElementById("result");
function myFunc1() {
   var styleObj = heading.style;
   output.innerHTML = styleObj.cssText;
}
function myFunc2() {
   var prop = window.getComputedStyle(heading, null).getPropertyValue("color");
   output.innerHTML = prop;
}
الاختبار ل‹/›

HTMLElement.styleمعالجة النمط المدمج لمفردة واحدة.

window.getComputedStyle()يُكشف عن كائن CSSStyleDeclaration كواجهة فقط للقراءة.

خصائص CSSStyleDeclaration

الجدول أدناه يعرض خصائص CSSStyleDeclaration

الخصائصوصف
cssTextإعداد أو استعادة تمثيل نصي لقالب النمط
lengthاستعادة عدد إعلانات النمط في قالب النمط
parentRuleاستعادة قاعدة النمط كأصل قالب النمط

طرق CSSStyleDeclaration

الجدول أدناه يعرض طرق CSSStyleDeclaration

الأسلوبوصف
getPropertyPriority()تحديد ما إذا كان الخاصية المحددة من قالب إعلانات CSS تحتوي على مجموعة قواعد !important
getPropertyValue()استعادة قيمة الخاصية المحددة من قالب إعلانات CSS
item()استعادة اسم الخاصية من قالب إعلانات CSS باستخدام المؤشر
removeProperty()إزالة خصائص CSS من قالب إعلانات CSS
setProperty()إعداد أو تعديل خصائص CSS الحالية في قالب إعلانات CSS