الفرق بين المراجعتين لصفحة: «JavaScript/Document/styleSheets»
< JavaScript | Document
إضافة الصّفحة |
طلا ملخص تعديل |
||
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة) | |||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:<code>Document.styleSheets</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:<code>Document.styleSheets</code>}}</noinclude> | ||
تُعيد | تُعيد الخاصيّة <code>document.styleSheets</code> القابلة للقراءة فقط قائمةً من النّوع <code>[[JavaScript/StyleSheetList|StyleSheetList]]</code> التي تُعدّ عناصرُها كائناتٍ من النّوع <code>[[JavaScript/CSSStyleSheet|CSSStyleSheet]]</code>، وهذه الكائنات تُمثّل صفحات الأنماط المربوطة صراحةً أو المُضمّنة في المُستند. | ||
==البنية العامة== | ==البنية العامة== | ||
سطر 6: | سطر 6: | ||
var styleSheetList = document.styleSheets; | var styleSheetList = document.styleSheets; | ||
</syntaxhighlight> | </syntaxhighlight> | ||
القيمة المُعادة قائمةٌ من النّوع StyleSheetList عناصِرها كائناتٌ من النّوع CSSStyleSheet. | القيمة المُعادة قائمةٌ من النّوع <code>StyleSheetList</code> عناصِرها كائناتٌ من النّوع <code>CSSStyleSheet</code>. | ||
==مثال== | ==مثال== | ||
سطر 23: | سطر 23: | ||
==ملاحظات== | ==ملاحظات== | ||
القائمة المُعادة مُرتّبة كما يلي: | القائمة المُعادة مُرتّبة كما يلي: | ||
* صفحات الأنماط المربوطة | * صفحات الأنماط المربوطة عبر العنصر <code>[[HTML/link|<link>]]</code> تحتلّ المراتب الأولى، مُرتّبةً حسب ترتيب التّرويسات. | ||
* تليها صفحات الأنماط المربوطة من عناصِر DOM، مرتّبة حسب ترتيب شجرة DOM. | * تليها صفحات الأنماط المربوطة من عناصِر DOM، مرتّبة حسب [https://dom.spec.whatwg.org/#concept-tree-order ترتيب شجرة DOM]. | ||
== دعم المتصفحات == | == دعم المتصفحات == | ||
{| class="wikitable" | {| class="wikitable" |
المراجعة الحالية بتاريخ 15:27، 23 مارس 2018
تُعيد الخاصيّة document.styleSheets
القابلة للقراءة فقط قائمةً من النّوع StyleSheetList
التي تُعدّ عناصرُها كائناتٍ من النّوع CSSStyleSheet
، وهذه الكائنات تُمثّل صفحات الأنماط المربوطة صراحةً أو المُضمّنة في المُستند.
البنية العامة
var styleSheetList = document.styleSheets;
القيمة المُعادة قائمةٌ من النّوع StyleSheetList
عناصِرها كائناتٌ من النّوع CSSStyleSheet
.
مثال
function getStyleSheet(unique_title) {
for(var i=0; i<document.styleSheets.length; i++) {
var sheet = document.styleSheets[i];
if(sheet.title == unique_title) {
return sheet;
}
}
}
ملاحظات
القائمة المُعادة مُرتّبة كما يلي:
- صفحات الأنماط المربوطة عبر العنصر
<link>
تحتلّ المراتب الأولى، مُرتّبةً حسب ترتيب التّرويسات. - تليها صفحات الأنماط المربوطة من عناصِر DOM، مرتّبة حسب ترتيب شجرة DOM.
دعم المتصفحات
الميزة | Chrome | Internet Explorer | Firefox | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 53 | نعم | نعم | 40 | نعم |
مصادر ومواصفات
- مواصفة Shadow DOM