StylePropertyMapReadOnly.forEach()

Experimental

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

The StylePropertyMapReadOnly.forEach() method executes a provided function once for each element of StylePropertyMapReadOnly.

Syntax

StylePropertyMapReadOnly.forEach(function callback(currentValue[, index[, array]]) {
    //your code
}[, thisArg]);

Parameters

callback
The function to execute for each element, taking three arguments:
currentValue
The value of the current element being processed.
indexOptional
The index of the current element being processed.
arrayOptional
The StylePropertyMapReadOnly thatforEach() is being called on.
thisArg Optional

Value to use as this (i.e the reference Object) when executing callback.

Return value

undefined.

Example

Here is an example of using forEach() on a retrieved Element.computedStyleMap().

// get a button element
const buttonEl = document.querySelector('.example');

// we can retrieve all computed styles with `computedStyleMap`
const allComputedStyles = buttonEl.computedStyleMap();

// forEach will allow us to run code over each prop/val pair
allComputedStyles.forEach((elem, index, arr) => {
  // oode to run for each pair
})

Specifications

Specification Status Comment
CSS Typed OM Level 1
The definition of 'forEach()' in that specification.
Working Draft Initial definition.

Browser compatibility

BCD tables only load in the browser