DocumentOrShadowRoot.styleSheets

실험적: 이 기능은 실험적인 기능입니다.
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

DocumentOrShadowRoot 인터페이스의 styleSheets 읽기 전용 속성은 문서에서 명시적으로 링크했거나, 안에 포함된 스타일시트에 대한 CSSStyleSheet 객체의 StyleSheetList를 반환합니다.

예제

js
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에서 검색된 스타일시트는 tree order로 정렬되어 배치됩니다.

명세

Specification
CSS Object Model (CSSOM)
# dom-documentorshadowroot-stylesheets

브라우저 호환성

BCD tables only load in the browser