StylePropertyMapReadOnly.getAll()

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The getAll() method of the StylePropertyMapReadOnly interface returns an array of CSSStyleValue objects containing the values for the provided property.

Syntax

var cssStyleValues[] = StylePropertyMapReadOnly.getAll(property)

Parameters

property: The name of the property to retrieve all values of.

Return value

An array of CSSStyleValue objects.

Example

The following example uses getAll() with the background-image property. An Array is returned which contains an item for each background image declared.

// 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 2 (CSS Typed OM 2) # dom-stylepropertymapreadonly-getall

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
`getAll`	66	79	No	No	53	No	66	66	No	47	No	9.0

© 2005–2021 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