The getAll()
method of the StylePropertyMapReadOnly
interface returns an array of CSSStyleValue
objects containing the values for the provided property.
StylePropertyMapReadOnly: getAll() method
Syntax
js
getAll(property)
Parameters
property
-
The name of the property to retrieve all values of.
Return value
An array of CSSStyleValue
objects.
Examples
The following example uses getAll()
with the background-image
property. An Array
is returned which contains an item for each background image declared.
js
// get a button element const buttonEl = document.querySelector("button"); // we can retrieve all computed styles with `computedStyleMap` const allComputedStyles = buttonEl.computedStyleMap(); // use getAll() with the background image property const allBkImages = allComputedStyles.getAll("background-image"); console.log(allBkImages); // logs an array with each background image as an item
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | ||
getAll |
66 | 79 | No | 53 | 16.4 | 66 | No | 47 | 16.4 | 9.0 | 66 |
© 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/getAll