javascript - CSS 生成コンテンツの取得

Question

JavaScriptでHTMLドキュメントの生成コンテンツを参照することはできますか?
たとえば、ドキュメントに図があります

body {
  counter-reset: figures 0;
}

figcaption::before {
  counter-increment: figures;
  content: "Figure " counter(figures);
}

<figure>
  <img src="https://placehold.it/222x77" alt="222x77">
  <figcaption id="greyish"></figcaption>
</figure>
<p>Here in <span>Figure 1</span>, we see a greyish square.</p>

図の正確なキャプションをテキストでも使用したいのですが、どうすればよいですか?

ここのスニペットに「図 1」をハードコーディングしましたが、これでは十分な柔軟性がありません。これが最初の図ではない場合はどうなりますか? 疑似要素の も を返す
ので、あまり役に立ちません。文字どおりのテキスト「図 1」が必要です。getComputedStyle()"Figure " counter(figures)