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)