JavaScript: leggere il contenuto degli pseudo-elementi CSS :before ed :after

Il DOM ci permette di accedere anche al contenuto generato tramite i CSS. Si tratta semplicemente di leggere il valore testuale della proprietà content tramite JavaScript.

Possiamo usare il metodo getComputedStyle() in questo modo.

'use strict';

const getCSSGeneratedContent = element => {
    return {
        before: getComputedStyle(element, ':before').content,
        after: getComputedStyle(element, ':after').content
    };
};