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 # dom-stylepropertymapreadonly-getall |
Browser compatibility
BCD tables only load in the browser