如何使用JavaScript获取DOM元素＆＃39; s ::之前的内容？

Question

我想知道是否有可能获得由CSS3设置的DOM元素::before内容。

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

// 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;

情况就是这样：

Answer 1

将":before"作为第二个参数传递给window.getComputedStyle()：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<p>Lorem Ipsum</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

getComputedStyle（）＆amp; getPropertyValue（）

  

getComputedStyle(document.querySelector('span.search-box'), '::after').getPropertyValue('content');