files/fr/web/api/document/stylesheetsets/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

---
title: Document.styleSheetSets
slug: Web/API/Document/styleSheetSets
tags:
  - API
  - DOM
  - Document
  - Feuilles de styles
  - Propriétés
translation_of: Web/API/Document/styleSheetSets
---
<div>{{APIRef("DOM")}}{{gecko_minversion_header("1.9")}}</div>

<p>Renvoie une liste active de tous les jeux de feuilles de styles actuellement disponibles.</p>

<h2 id="Syntax" name="Syntax">Syntaxe</h2>

<pre class="syntaxbox"><em>sets</em> = document.styleSheetSets
</pre>

<p>En retour, <code>sets</code> est une liste de jeux de feuilles de styles disponibles.</p>

<h2 id="Example" name="Example">Exemple</h2>

<p>Étant donné un élément {{HTMLElement("ul")}} (liste) avec l'ID "sheetList", vous pouvez le remplir avec tous les noms de tous les jeux de feuilles de styles disponibles avec un code comme celui-ci :</p>

<pre class="brush:js">var list = document.getElementById("sheetList");
var sheets = document.styleSheetSets;

list.innerHTML = "";

for (var i = 0; i &lt; sheets.length; i++) {
  var item = document.createElement("li");

  item.innerHTML = sheets[i];
  list.appendChild(item);
}</pre>

<h2 id="Notes">Notes</h2>

<p>La liste des jeux de feuilles de styles disponibles est construite par énumération de toutes les feuilles de styles disponibles pour le document, dans l'ordre dans lequel elles sont répertoriées dans l'attribut {{domxref("document.styleSheets")}}, en ajoutant le <code>title</code> (<em>titre</em>) de chacune de celles en ayant un. Les doublons sont supprimés de la liste (en utilisant une comparaison sensible à la casse).</p>

<h2 id="Specification" name="Specification">Spécifications</h2>

<ul>
 <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#alternate-style-sheets" title="http://www.whatwg.org/specs/web-apps/current-work/#alternate-style-sheets">HTML5 : Alternate Style Sheets</a></li>
</ul>

<h2 id="See_also" name="See_also">Voir aussi</h2>

<ul>
 <li>{{domxref("Stylesheet")}}</li>
 <li>{{domxref("document.styleSheets")}}</li>
 <li>{{domxref("document.lastStyleSheetSet")}}</li>
 <li>{{domxref("document.preferredStyleSheetSet")}}</li>
 <li>{{domxref("document.selectedStyleSheetSet")}}</li>
 <li>{{domxref("document.enableStyleSheetsForSet()")}}</li>
</ul>