如何获取:: before伪元素的文本内容？

Question

在此示例中，:: before伪元素的内容不是静态值，而是计数器。我想获得当前价值＆＃34; 2＆＃34;而不是通用公式＆＃34; counter（itemcounter）＆＃34;。

＆＃13;

＆＃13;

// Expected value is 2 instead of counter(itemcounter).
alert(window.getComputedStyle(document.querySelector('li:nth-child(2)'), '::before').getPropertyValue('content'));

＆＃13;

ul {
  counter-reset: itemcounter;
  list-style-type: none;
}
li {
  line-height: 20px;
  margin-bottom: 10px
}
li::before {
  background: #000;
  border-radius: 10px;
  color: #fff;
  counter-increment: itemcounter;
  content: counter(itemcounter);
  display: block;
  float: left;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

＆＃13;

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

＆＃13;

＆＃13;

＆＃13;