Доступ к текстовому значению псевдоэлемента из JavaScript

Я использую элемент псевдо-селектор HTML для создания списка типа структуры.

Исходный HTML

<style>
body {

    counter-reset: my-sec-counter;
}

h2::before {

   counter-increment: my-sec-counter;
    content: "Section " counter(my-sec-counter) ". ";
    color: red
}


</style>
<h1>Using CSS Counters:</h1>
<div>
<h2 id="tes2">JavaScript Tutorial</h2>
<h2 id="tes">HTML Tutorial</h2>
<h2 id="tes1">CSS Tutorial</h2>
<h2 id="tes2">JavaScript Tutorial</h2>
</div>

Я хочу получить доступ к псевдоэлементам до окончательного значения текста. В этом случае это будет "Раздел 1. Раздел 2." Есть ли какой-либо способ в Javascript для доступа к этому значению, или я должен реализовать свою собственную логику, чтобы получить это значение.

Я очень хорошо знаю этот API window.getComputedStyle(document.querySelector('#element'),':after').getPropertyValue('content') Это не даст отрендеренный текст, когда у контента есть Counter, attr, open-quotes, close-quotes.

Источник

0 ответов

Другие вопросы по тегам