DocumentOrShadowRoot.styleSheets

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

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

예제

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