このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
StylePropertyMapReadOnly.entries()
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
StylePropertyMapReadOnly.entries() メソッドは、このオブジェクトが持つ列挙可能なプロパティの [key, value] の組の配列を、 for...in ループで提供されるのと同じ順序で返します(違いは for-in ループではプロトタイプチェーン内のプロパティも列挙する点です)。
構文
js
StylePropertyMapReadOnly.entries();
引数
なし。
返値
この StylePropertyMapReadOnly オブジェクトが持つ列挙可能な [key, value] の組の配列です。
例
こちらは、 StylePropertyMapReadOnly.entries() メソッドを使用して要素の計算済みスタイルを取得する例です。
js
// DOM 要素を取得
const buttonEl = document.querySelector("button");
// `computedStyleMap` ですべての計算済みスタイルが取得できます
const allComputedStyles = buttonEl.computedStyleMap();
// entries は項目の反復可能オブジェクトを返します
const iterableStyles = allComputedStyles.entries();
// align-content を最初の項目、 CSSStyleValue を 2 番目の項目とする 2 項目の配列を返します。
console.log(iterableStyles.next().value);
仕様書
| 仕様書 |
|---|
| CSS Typed OM Level 1 # stylepropertymapreadonly |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。