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> | 
ブラウザーの互換性
Loading…