javascript - 是否可以仅用 JS 选择 CSSpseudo::after content 的内容？

Question

这个问题已经有答案了:

Selecting and manipulating CSS pseudo-elements such as ::before and ::after using JavaScript (28 个回答)

已关闭 3 年前。

我发现了引用 JQuery 的帖子，但我想知道是否可以获取元素上 psuedo::after 元素的文本内容字符串。

屏幕截图:

如果我选择了有问题的元素，例如document.querySelectorAll('.checkout-form-error')[0];

如何选择文本字符串“需要邮政编码字段。”使用JS？

Answer 1

这可以通过 window.getComputedStyle 来完成 helper 。

var str = window.getComputedStyle(document.querySelector('.mock'), ':after').getPropertyValue('content');
                  
console.log(str)

.mock::after{
  content: "we need to get this text ye?"
}

<div class="mock">

</div>