このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
StylePropertyMapReadOnly.values()
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
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 |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。