文件：styleSheets 屬性

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

styleSheets 是 Document 介面的一個只讀屬性，它返回一個 StyleSheetList 集合，其中包含 CSSStyleSheet 物件。這些樣式表是顯式連結到或嵌入在文件中的。

值

返回的列表按以下順序排序：

從 Link 標頭檢索到的樣式表首先放置，並按標頭順序排序。
從 DOM 檢索到的樣式表放在後面，並按樹順序排序。

示例

透過標題檢索特定樣式表

function getStyleSheet(uniqueTitle) {
  for (const sheet of document.styleSheets) {
    if (sheet.title === uniqueTitle) {
      return sheet;
    }
  }
}

訪問樣式表中的規則

您可以使用樣式表、樣式和 CSSRule 物件單獨訪問這些樣式表及其規則，如下例所示，該示例會將所有樣式規則選擇器列印到控制檯。

for (const styleSheet of document.styleSheets) {
  for (const rule of styleSheet.cssRules) {
    console.log(`${rule.selectorText}\n`);
  }
}

對於具有單個樣式表的文件，其中定義了以下三個規則：

css

body {
  background-color: darkblue;
}
p {
  font-family: "Arial";
  font-size: 10pt;
  margin-left: 0.125in;
}
#lumpy {
  display: none;
}

此指令碼輸出以下內容：

BODY
P
#LUMPY

規範

規範
CSS 物件模型 (CSSOM) # dom-documentorshadowroot-stylesheets

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年10月13日，由 MDN 貢獻者更新。

在 GitHub 上檢視此頁面 • 報告此內容的問題