W3cubDocs

/Web APIs

StylePropertyMapReadOnly: forEach() method

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.

index Optional

The index of the current element being processed.

array Optional

The StylePropertyMapReadOnly that forEach() is being called on.

thisArg Optional

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

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

No specification found

No specification data found for api.StylePropertyMapReadOnly.forEach.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
forEach 66 79 No No 53 16.4 66 66 No 47 16.4 9.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StylePropertyMapReadOnly/forEach