StylePropertyMapReadOnly: forEach() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
TheStylePropertyMapReadOnly.forEach() method executes aprovided function once for each element ofStylePropertyMapReadOnly.
Syntax
js
forEach(callbackFn)forEach(callbackFn, thisArg)Parameters
callbackFnThe function to execute for each element, taking three arguments:
currentValueThe value of the current element being processed.
indexOptionalThe index of the current element being processed.
arrayOptionalThe StylePropertyMapReadOnly that
forEach()is being called on.
thisArgOptionalValue to use as
this(i.e., the referenceObject) when executingcallback.
Return value
None (undefined).
Examples
Here is an example of usingforEach() on a retrievedElement.computedStyleMap().
js
// get a button elementconst 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 pairallComputedStyles.forEach((elem, index, arr) => { // code to run for each pair});