問題タブ [getcomputedstyle]

JavaScript を介して特定の要素のすべてのスタイルを取得しようとしています。getComputedStyle正常に動作しますが、返されるオブジェクトの種類と、それを反復する最適な方法について混乱しています。forEachほとんどのプロパティは整数ベースであるため、ループを使用して配列を反復処理することを提案している他の回答もありますが、返されるオブジェクトの他のプロパティは何ですか?

たとえば、要素のスタイルを次のように記録します。

戻り値 (簡潔にするために省略):

プロパティの多くはインデックスベースであるため、それが本当に配列である場合は理にかなっていますが、インデックス 319 以降は文字列alignContentのキーに戻り、返されるオブジェクトの次のキーになります。

さらに、要素の宣言されたスタイルのみを取得し、計算されたすべてのスタイルを取得する方法はありますか?

を使用しますgetComputedStyle(element)[type]。ここで、要素は<p>タグでtypeあり、またはのいずれfontSize, lineHeight, letterSpacing, fontFamilyかwidthです。fontSize と width については、16px や 100% などの数値を取得します。これは私が扱うことができるものですが、letterSpacing と lineHeight についてnormalは値として取得します。しかし、数値として必要なので、足したり引いたりできます。JSで操作したい。

私のスタイルシートでは、次のようになります。

すでに設定した値を使用して配列を手動で書き込み、それを操作するオプションがあります。しかし、それを継承しているため、lineHeight にはまだ問題があります。

次に例を示します。