الفرق بين المراجعتين لصفحة: «JavaScript/Document/styleSheetSets»

مراجعة 19:13، 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 الخاصّ بكل صفحة أنماط ذات عنوان إلى القائمة. القيم المُكرّرة تُحذف من القائمة (باستخدام مُقارنة حسّاسة لحالة الأحرف).

انظر أيضًا

مصادر ومواصفات

مواصفة HTML5: Alternate Style Sheets.

@@ سطر 9: / سطر 9: @@
 ==مثال==
-لنَفرِض أنّ لدينا عنصر قائمة <code><nowiki><ul></nowiki></code> بالمُعرِّف (ID) "sheetList"، يُمكنك ملء هذه القائمة بأسماء مجموعات صفحات الأنماط المُتاحة بشيفرة مُشابهة لما يلي:
+لنَفرِض أنّ لدينا عنصر قائمة <code>[[HTML/ul|<nowiki><ul></nowiki>]]</code> بالمُعرِّف ‎<code>"sheetList"</code> (ID)‎، يُمكنك ملء هذه القائمة بأسماء مجموعات صفحات الأنماط المُتاحة بشيفرة مُشابهة لما يلي:
 <syntaxhighlight lang="javascript">
 var list = document.getElementById("sheetList");