如何获取伪元素的计算值？

Question

我在我的 CSS 中有一个伪 class 计数器，类似这样，

h2::before {
    counter-increment: section;
    content: "Section " counter(section) ": ";
}

我想要计数器的计算值。

我试过使用

getComputedStyles(document.getElementById("1"), '::before')

但这会返回Section " counter(section) ": ，而我正在尝试获取它显示的实际值。 这是Section 1:

这是我一直在测试的演示 HTML 片段，

 body { counter-reset: section; } h2::before { counter-increment: section; content: "Section " counter(section) ": "; }

 <h2 id="1">HTML Tutorial</h2>

Answer 1

不幸的是，对于当前的 CSS 规范，这是不可能的。 在这个答案中查看为什么以及该怎么做