DOM要素の:: beforeコンテンツをJavaScriptで取得する方法は？

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()に2番目のパラメータとして：

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

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

<p>Lorem Ipsum</p>

Answer 2

getComputedStyle（）& getPropertyValue（）

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