From 44c0e38061a17cc1a45c44b35d90798a37aa68fe Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 4 Mar 2022 22:02:16 +0900 Subject: 2022/02/18 時点の英語版に基づき新規翻訳 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/stylepropertymapreadonly/keys/index.md | 56 ++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 files/ja/web/api/stylepropertymapreadonly/keys/index.md (limited to 'files/ja/web/api/stylepropertymapreadonly') diff --git a/files/ja/web/api/stylepropertymapreadonly/keys/index.md b/files/ja/web/api/stylepropertymapreadonly/keys/index.md new file mode 100644 index 0000000000..d771251f8d --- /dev/null +++ b/files/ja/web/api/stylepropertymapreadonly/keys/index.md @@ -0,0 +1,56 @@ +--- +title: StylePropertyMapReadOnly.keys() +slug: Web/API/StylePropertyMapReadOnly/keys +tags: + - API + - CSS Typed Object Model API + - 実験的 + - Houdini + - メソッド + - リファレンス + - StylePropertyMapReadOnly + - keys() +browser-compat: api.StylePropertyMapReadOnly.keys +translation_of: Web/API/StylePropertyMapReadOnly/keys +--- +{{APIRef("CSS Typed Object Model API")}}{{SeeCompatTable}} + +**`StylePropertyMapReadOnly.keys()`** メソッドは、 `StylePropertyMapReadOnly` の各項目のキーを含む新しい*配列反復子*を返します。 + +## 構文 + +```js +StylePropertyMapReadOnly.keys() +``` + +### 引数 + +なし。 + +### 返値 + +新しい {{jsxref("Array")}} です。 + +## 例 + +この例では、 `keys()` メソッドを使用して {{domxref('Element.computedStyleMap()')}} の中にあるプロパティにアクセスすることができます。 + +```js +// button 要素を取得 +const buttonEl = document.querySelector('button'); + +// すべての計算済みスタイルを `computedStyleMap` で受け取る +const allComputedStyles = buttonEl.computedStyleMap(); + +// keys はプロパティの反復可能なリストを返す +const props = allComputedStyles.keys(); +console.log(props.next().value); // align-content を返す +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} -- cgit v1.2.3-54-g00ecf