StylePropertyMapReadOnly.size

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

The size read-only property of the StylePropertyMapReadOnly interface returns an unsinged long integer containing the size of the StylePropertyMapReadOnly object.

Syntax

var size = StylePropertyMapReadOnly.size

Value

An unsigned long integer.

Example

Here we use the size property to return the total entries within the button elements computedStyleMap. 

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

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

// use size to get the total styles within the map
const amountStyles = allComputedStyles.size;
console.log(amountStyles); // logs 338

Specifications

Specification
CSS Typed OM Level 2 (CSS Typed OM 2)
# dom-stylepropertymapreadonly-size

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
size
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/size