CSSStyleRule.styleMap
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
styleMap
は CSSStyleRule
インターフェイスの読み取り専用プロパティで、このルールのプロパティ/値の組にアクセスするための StylePropertyMap
オブジェクトを返します。
値
StylePropertyMap
オブジェクトです。
例
以下の例では、 styleMap
を使用して StylePropertyMap.set()
メソッドを使用し、スタイルを変更する方法を示しています。
js
const stylesheet = document.styleSheets[0];
Object.values(stylesheet.cssRules).forEach((block) => {
if (block.selectorText === "button") {
block.styleMap.set("--mainColor", "black");
}
});
仕様書
Specification |
---|
CSS Typed OM Level 1 # dom-cssstylerule-stylemap |
ブラウザーの互換性
BCD tables only load in the browser