StylePropertyMapReadOnly: getAll() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Want more browser support for this feature? Tell us why.
The getAll() method of the StylePropertyMapReadOnly interface returns an array of CSSStyleValue objects containing the values for the provided property.
Syntax
js
getAll(property)
Parameters
property-
The name of the property to retrieve all values of.
Return value
An array of CSSStyleValue objects.
Examples
Basic usage
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
| Specification |
|---|
| CSS Typed OM Level 1 # dom-stylepropertymapreadonly-getall |