Sélection des pseudo-éléments ::before et ::after en JS

Bonjour,

Je voudrais sélectionner le pseudo-élément ::after en JS, afin de modifier sa propriété "display".
J'ai vu que je pouvais faire cela pour sélectionner ses propriétés, mais je ne sais pas comment les modifier.

let emailMenu = window.getComputedStyle(
     document.querySelector('span.email'), '::after'
).getPropertyValue('display');

Merci d'avance pour votre aide
Modifié par Titouan79 (29 May 2020 - 10:26)

Et l'eau,

En JS et à priori, tu n'as pas le contrôle sur ces pseudos elements (:before, :after). Tu peux juste récupérer les propriétés. Cela dit, il y a deux astuces pour modifier en cours de route son comportement

solution 1
- tu insères dans le DOM une class / attribut data- ... dans un noeud parent

solution 2
- tu insères à la volée un noeud style avec comme contenu les styles de ce pseudo élément

En revanche, si tu veux ajouter un écouteur sur ces éléments, tu ne pourras pas.
Modifié par niuxe (29 May 2020 - 10:57)