是否可以使用 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)