問題タブ [getcomputedstyle]

OK、何かばかげた (または少なくとも重複した) ことを尋ねると炎上することを完全に期待していますが、添付のスニペットでは、window.getComputedStyleCSS によって適用されたスタイルにアクセスするために使用する必要があるのはなぜですか? .styleフィールドは、CSS によって最初に適用されたスタイル、および/またはその後手動で変更されたスタイルを少なくとも反映するという印象を受けました。

.styleそうでない場合、要素のフィールドに反映されるプロパティ (および反映されるタイミング) を管理する正確な規則は何ですか?

HTML テキストとテキストを含む SVG ドキュメントがあり、外部オブジェクトとして含まれています。HTML テキストと SVG ドキュメント内のテキストのサイズを同じに保ちたい。

SVG ドキュメント内のテキスト サイズの変更は正常に機能しますが (私は d3.js を使用しています)、最初のステップとして、ユーザーに表示されるテキスト サイズが必要です。ブラウザ ウィンドウのサイズを変更するか、SVG オブジェクトの「幅」を変更すると、HTML テキストのサイズは一定のままですが、SVG 内のテキストのサイズは比例して変化します。

ユーザーに表示されるテキスト サイズを測定するために、「getComputedStyle」と「getBoundingClientRect」の両方を試しました。getBoundingClientRect は問題なく動作しますが、getComputedStyle は、スケーリングに関係なく、SVG ドキュメント内で定義されたテキスト サイズを常に教えてくれます。

原則として、「getBoundingClientRect」で問題ありません。唯一の欠点は、これには常に SVG 内に水平テキスト要素が必要であり、これは私のすべての SVG ドキュメントには当てはまらないことです。もちろん、透明な横長のサンプル テキストを紹介することもできます。

私は、それはあまり賢くないと感じています。たぶん、より良い解決策があります。

クリックすると小さな四角形が消えるようにしようとしていますが、それが間違った選択である場合に限ります。

問題は、ゆっくりと消えていきたいことと、正方形の選択に問題があることです。

card[i]で を選択する方法がわかりませんgetComputedStyle。ほぼ全部試したのでちょっとぐちゃぐちゃなので、 のアイテムの正しい選び方を誰か教えてくれたら嬉しいですgetComputedStyle。

私は初心者なので、説明してください、または何も理解するつもりはありません。