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

View in English Always switch to English

StylePropertyMapReadOnly.values()

利用可能性は限定的

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

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

StylePropertyMapReadOnly.values() メソッドは、 StylePropertyMapReadOnly オブジェクトのそれぞれのインデックスに対応する値を含む新しい配列イテレーターを返します。

構文

js
StylePropertyMapReadOnly.values();

引数

なし。

返値

新しい Array です。

この例では、 values() メソッドを使用して Element.computedStyleMap() の中にある値にアクセスすることができます。

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

// すべての計算済みスタイルを `computedStyleMap` で受け取る
const allComputedStyles = buttonEl.computedStyleMap();

// values は CSS 値の反復可能なリストを返す
const vals = allComputedStyles.values();
console.log(vals.next().value); // CSSStyleValue を返す

仕様書

仕様書
CSS Typed OM Level 1
# stylepropertymapreadonly

ブラウザーの互換性