Document.styleSheetSets

styleSheetSets의 읽기 전용 속성은 현재 사용 가능한 모든 스타일 시트 세트의 live 리스트를 반환합니다.

var sets = document.styleSheetSets;

 반환시, sets는 사용할 수 있는 스타일 시트 세트의 리스트.

ID가 "sheetList"인 <ul> (list) 요소가 주어지면, 사용 가능한 모든 스타일 시트 세트의 이름으로 아래와 같은 코드로 채울 수 있습니다.

let list = document.getElementById('sheetList');
let sheets = document.styleSheetSets;

list.innerHTML = '';

for (let i = 0; i < sheets.length; i++) {
  let item = document.createElement('li');

  item.innerHTML = sheets[i];
  list.appendChild(item);
}

사용 가능한 스타일 시트 세트 리스트는 문서에 사용 가능한 모든 스타일 시트를 열거하여 구성되고, document.styleSheets 속성에 나열된 순서대로, 리스트에 제목을 가진 각각의 스타일 시트 title을 추가합니다. 중복 항목이 리스트에서 삭제됨. (대소문자 구분 비교 사용).

• Stylesheet
• document.styleSheets
• document.lastStyleSheetSet
• document.preferredStyleSheetSet
• document.selectedStyleSheetSet
• document.enableStyleSheetsForSet()