ShadowRoot: styleSheets プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

styleSheets は ShadowRoot インターフェイスの読み取り専用プロパティで、シャドウツリーに明示的にリンクされるか埋め込まれたスタイルシートを表す CSSStyleSheet オブジェクトの StyleSheetList を返します。

CSSStyleSheet オブジェクトの StyleSheetList です。

例

let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
let styleSheets = shadow.styleSheets;

仕様書
CSS Object Model (CSSOM) # dom-documentorshadowroot-stylesheets

このページは MDN の貢献者によって 2024年10月4日に最終更新されました。