如何使用JavaScript获取DOM元素之前的内容？ [英] How to get a DOM element's ::before content with JavaScript?

问题描述

我想知道是否有可能获得一个DOM元素的 ::之前的内容，这是由CSS3设置的。

I want to know whether it is possible to get a DOM element's ::before content, which was set by CSS3.

我尝试了一些方法，但我仍然无法做到，所以这对我来说非常困惑！

I have tried some ways, but I still can't make it, so it's very confusing to me!

// https://rollbar.com/docs/

const links = document.querySelectorAll(`ul.image-list a`);

links[0];
// <a href="/docs/notifier/rollbar-gem/" class="ruby">::before Ruby</a>

links[0];
//

links[0].textContent;
//"Ruby"

links[0].innerText;
// "Ruby"

links[0].innerHTML;
// "Ruby"

// ??? links[0]::before;

情况如此：

< img src =https://i.stack.imgur.com/j4Op4.pngalt =！[在此处输入图像说明>

推荐答案

传递：在之前作为 window.getComputedStyle（） ：

Pass ":before" as the second parameter to window.getComputedStyle():

console.log(getComputedStyle(document.querySelector('p'), ':before').getPropertyValue('content'));

p::before,
p::after {
  content: ' Test ';
}

<p>Lorem Ipsum</p>

这篇关于如何使用JavaScript获取DOM元素之前的内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！