CSSStyleRule.styleMap - Web APIs 编辑

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The styleMap read-only property of the CSSStyleRule interface returns a StylePropertyMap object which provides access to the rule's property-value pairs.

Syntax

var stylePropertyMap = cssStyleRule.styleMap;

Value

A StylePropertyMap object.

Example

The following example shows styleMap being used to modify a style using the StylePropertyMap.set() method.

const stylesheet = document.styleSheets[0];

Object.values(stylesheet.cssRules).forEach(block => {

	if (block.selectorText === 'button') {
		block.styleMap.set('--mainColour', 'black');
	}
})

Specifications

Browser compatibility

BCD tables only load in the browser