الفرق بين المراجعتين لصفحة: «JavaScript/Document/styleSheetSets»
< JavaScript | Document
ط ←مثال |
|||
(1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
سطر 9: | سطر 9: | ||
==مثال== | ==مثال== | ||
لنَفرِض أنّ لدينا عنصر قائمة <code><nowiki><ul></nowiki></code> بالمُعرِّف (ID) | لنَفرِض أنّ لدينا عنصر قائمة <code>[[HTML/ul|<nowiki><ul></nowiki>]]</code> بالمُعرِّف <code>"sheetList"</code> (ID)، يُمكنك ملء هذه القائمة بأسماء مجموعات صفحات الأنماط المُتاحة بشيفرة مُشابهة لما يلي: | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
var list = document.getElementById("sheetList"); | var list = document.getElementById("sheetList"); | ||
سطر 30: | سطر 30: | ||
* <code>[[JavaScript/Document/preferredStyleSheetSet|document.preferredStyleSheetSet]]</code> | * <code>[[JavaScript/Document/preferredStyleSheetSet|document.preferredStyleSheetSet]]</code> | ||
* <code>[[JavaScript/Document/lastStyleSheetSet|document.lastStyleSheetSet]]</code> | * <code>[[JavaScript/Document/lastStyleSheetSet|document.lastStyleSheetSet]]</code> | ||
* <code>[[JavaScript/Document/ | * <code>[[JavaScript/Document/selectedStyleSheetSet|document.selectedStyleSheetSet]]</code> | ||
* <code>[[JavaScript/Document/enableStyleSheetsForSet|document.enableStyleSheetsForSet()]]</code> | * <code>[[JavaScript/Document/enableStyleSheetsForSet|document.enableStyleSheetsForSet()]]</code> | ||
المراجعة الحالية بتاريخ 19:15، 15 مارس 2018
تُعيد قائمة بمجموعات صفحات الأنماط المُتاحة على المُستند حاليًّا.
البنية العامة
sets = document.styleSheetSets
عند الإعادة، سيحمل المتغيّر sets
قائمة بمجموعات صفحات الأنماط المُتاحة على المُستند حاليًّا.
مثال
لنَفرِض أنّ لدينا عنصر قائمة <ul>
بالمُعرِّف "sheetList"
(ID)، يُمكنك ملء هذه القائمة بأسماء مجموعات صفحات الأنماط المُتاحة بشيفرة مُشابهة لما يلي:
var list = document.getElementById("sheetList");
var sheets = document.styleSheetSets;
list.innerHTML = "";
for (var i = 0; i < sheets.length; i++) {
var item = document.createElement("li");
item.innerHTML = sheets[i];
list.appendChild(item);
}
ملاحظات
تُبنى قائمة مجموعات صفحات الأنماط المُتاحة عبر ترقيم جميع صفحات الأنماط المُتاحة للمُستند، حسب الترتيب الموجود في الخاصيّة document.styleSheets
، ثمّ إضافة العنوان title
الخاصّ بكل صفحة أنماط ذات عنوان إلى القائمة. القيم المُكرّرة تُحذف من القائمة (باستخدام مُقارنة حسّاسة لحالة الأحرف).
انظر أيضًا
document.preferredStyleSheetSet
document.lastStyleSheetSet
document.selectedStyleSheetSet
document.enableStyleSheetsForSet()
مصادر ومواصفات
- مواصفة HTML5: Alternate Style Sheets.