このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
StylePropertyMapReadOnly.forEach()
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
StylePropertyMapReadOnly.forEach() メソッドは、指定された関数を StylePropertyMapReadOnly のそれぞれの要素に対して 1 回ずつ呼び出します。
構文
js
StylePropertyMapReadOnly.forEach(function callback(currentValue[, index[, array]]) {
//コード
}[, thisArg]);
引数
callback-
それぞれの要素に対して呼び出す関数であり、 3 つの引数を取ります。
currentValue-
処理しようとしている現在の要素の値です。
index省略可-
処理しようとしている現在の要素の位置です。
array省略可-
forEach()が呼び出された StylePropertyMapReadOnly です。
thisArg省略可-
callbackを実行するときにthisとして使用する値(すなわち、Objectへの参照)です。
返値
undefined です。
例
こちらは、 forEach() を Element.computedStyleMap() の結果に対して使用する例です。
js
// button 要素を取得
const buttonEl = document.querySelector(".example");
// `computedStyleMap` ですべての計算済みスタイルが取得できます
const allComputedStyles = buttonEl.computedStyleMap();
// forEach ですべてのプロパティ/値の組に対してコードを実行することができます
allComputedStyles.forEach((elem, index, arr) => {
// code to run for each pair
});
仕様書
| 仕様書 |
|---|
| CSS Typed OM Level 1 # stylepropertymapreadonly |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。