StylePropertyMapReadOnly: getAll() method

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

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

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
getAll

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.