StylePropertyMapReadOnly.entries()

Experimental

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

The StylePropertyMapReadOnly.entries() method returns an array of a given object's own enumerable property [key, value] pairs, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

Syntax

StylePropertyMapReadOnly.entries()

Parameters

None.

Return value

An array of the given StylePropertyMapReadOnly object's own enumerable property [key, value] pairs.

Example

Here shows an example of using StylePropertyMapReadOnly.entries() method on an elements computed styles.

// grab a dom element
const buttonEl = document.querySelector('button');

// we can retrieve all computed styles with `computedStyleMap`
const allComputedStyles = buttonEl.computedStyleMap();

// entries returns an iterable of the items
const iterableStyles = allComputedStyles.entries();

// returns a two item array with align-content as the first item and CSSStyleValue as the second
console.log(iterableStyles.next().value);

Specifications

Specification Status Comment
CSS Typed OM Level 1
The definition of 'entries()' in that specification.
Working Draft Initial definition.

Browser compatibility

BCD tables only load in the browser