このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
StylePropertyMapReadOnly.getAll()
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
getAll() は StylePropertyMapReadOnly インターフェイスのメソッドで、指定されたプロパティの値を含む CSSStyleValue オブジェクトの配列を返します。
構文
js
var cssStyleValues[] = StylePropertyMapReadOnly.getAll(property)
引数
- property
-
すべての値を取得するプロパティの名前です。
返値
CSSStyleValue オブジェクトの配列です。
例
以下の例では、 getAll() を使用して background-image プロパティに対して使用しています。宣言されているそれぞれの背景画像の項目が入った Array を返します。
js
// button 要素を取得
const buttonEl = document.querySelector("button");
// `computedStyleMap` ですべての計算済みスタイルが取得できます
const allComputedStyles = buttonEl.computedStyleMap();
// getAll() を background-image プロパティに対して使用
const allBkImages = allComputedStyles.getAll("background-image");
console.log(allBkImages); // それぞれの背景画像を項目とした配列を出力
仕様書
| 仕様書 |
|---|
| CSS Typed OM Level 1 # dom-stylepropertymapreadonly-getall |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。