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 unsigned long integer containing the size of the StylePropertyMapReadOnly object.
An unsigned long integer.
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
| Specification |
|---|
| CSS Typed OM Level 2 # dom-stylepropertymapreadonly-size |
| 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
| Name | Web APIs |
| Version | |
| Badge |
|
| Last Updated | 2022-04-27T09:33:08Z |