Comment obtenir le contenu :: before d'un élément DOM avec JavaScript?

Question

Je veux savoir s'il est possible d'obtenir le contenu ::before D'un élément DOM, qui a été défini par CSS3.

J'ai essayé quelques façons, mais je ne peux toujours pas y arriver, donc c'est très déroutant pour moi!

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

C'est le cas:

Answer 1

Passez ":before" Comme deuxième paramètre à window.getComputedStyle() :

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');