StylePropertyMapReadOnly: forEach() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The StylePropertyMapReadOnly.forEach() method executes a
provided function once for each element of StylePropertyMapReadOnly.
Syntax
js
forEach(callbackFn)
forEach(callbackFn, thisArg)
Parameters
callbackFn-
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 that
forEach()is being called on.
thisArgOptional-
Value to use as
this(i.e., the referenceObject) when executingcallback.
Return value
None (undefined).
Examples
Here is an example of using forEach() on a retrieved
Element.computedStyleMap().
js
// 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) => {
// code to run for each pair
});
Specifications
This feature does not appear to be defined in any specification.Browser compatibility
Loading…