このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

StylePropertyMapReadOnly.size

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

sizeStylePropertyMapReadOnly インターフェイスの読み取り専用プロパティで、 StylePropertyMapReadOnly オブジェクトの大きさを符号なし長整数で返します。

構文

js
var size = StylePropertyMapReadOnly.size;

符号なし長整数です。

ここでは size プロパティを使用して、この button 要素の computedStyleMap に含まれる項目の数を返します。

js
// 要素を取得
const buttonEl = document.querySelector("button");

// `computedStyleMap` ですべての計算済みスタイルが取得できます
const allComputedStyles = buttonEl.computedStyleMap();

// size を使用してマップ内にあるスタイルの数を取得します
const amountStyles = allComputedStyles.size;
console.log(amountStyles); // 338 と表示

仕様書

仕様書
CSS Typed OM Level 1
# dom-stylepropertymapreadonly-size

ブラウザーの互換性