StylePropertyMapReadOnly.getAll()

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

getAll()StylePropertyMapReadOnly インターフェイスのメソッドで、指定されたプロパティの値を含む CSSStyleValue (en-US) オブジェクトの配列を返します。

構文

var cssStyleValues[] = StylePropertyMapReadOnly.getAll(property)

引数

property

すべての値を取得するプロパティの名前です。

返値

CSSStyleValue (en-US) オブジェクトの配列です。

以下の例では、 getAll() を使用して background-image プロパティに対して使用しています。宣言されているそれぞれの背景画像の項目が入った Array を返します。

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

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

// getAll() を background-image プロパティに対して使用
const allBkImages = allComputedStyles.getAll('background-image');
console.log(allBkImages); // それぞれの背景画像を項目とした配列を出力

仕様書

Specification
CSS Typed OM Level 2
# dom-stylepropertymapreadonly-getall

ブラウザーの互換性

BCD tables only load in the browser