StyleSheetList

Базовая поддержка Широко доступна

Эта функция хорошо устоялась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

Интерфейс StyleSheetList представляет собой список объектов CSSStyleSheet. Экземпляр этого объекта может быть возвращён методом Document.styleSheets.

Это объект, похожий на массив, но по нему нельзя итерироваться с помощью методов Array. Однако, по нему можно итерироваться в стандартном цикле for по индексам или преобразовать его в Array.

Примечание: Обычно интерфейсы списков, такие как StyleSheetList , обертывают типы Array, поэтому на них можно использовать методы Array. В данном случае это не так для исторических причин. Однако, можно преобразовать StyleSheetList в Array, чтобы использовать эти методы (см. пример ниже).

Свойства экземпляра

StyleSheetList.length Только для чтения: Возвращает количество объектов CSSStyleSheet в коллекции.

Методы экземпляра

StyleSheetList.item(): Возвращает объект CSSStyleSheet по указанному индексу или null, если элемент с данным индексом отсутствует.

Примеры

Получение объектов CSSStyleSheet с помощью цикла for

const styleSheet = [];
const styleSheets = document.styleSheets;

for (let i = 0; i < styleSheets.length; i++) {
  styleSheet.push(styleSheets[i]);
}

Получение всех правил CSS для документа с помощью методов массива

const allCSS = [...document.styleSheets]
  .map((styleSheet) => {
    try {
      return [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
    } catch (e) {
      console.log(
        "Access to stylesheet %s is denied. Ignoring…",
        styleSheet.href,
      );
    }
  })
  .filter(Boolean)
  .join("\n");

Спецификации

Спецификация
CSS Object Model (CSSOM) # the-stylesheetlist-interface

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`StyleSheetList`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`item`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`length`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheetList