Javascript Girl
  1. Javascript Girl
  3. Est-il possible d'accéder au contenu généré par une règle css: avant?
Intereting Posts
Les avantages de l'héritage prototypique par rapport au classique? Javascript de domaine croisé pour accéder à localhost. Possible? Comment déterminer si la largeur a un px ou% 2d html5 collision de toile, comment Popups communs à toutes les pages de jQuery Mobile site Comment ajouter une image d'arrière-plan en utilisant ngStyle (angular2)? Détection si le cache d'un navigateur est plein Actualiser <div> élément généré par un modèle django JavaScript: existe-t-il une bibliothèque utils? Javascript For … Dans le problème de la syntaxe? Permettre une seule opération asynchrone à la fois Ajouter un lien dans l'en-tête du contenu rabattable (lien divisé) – Css manquant Comment empêcher l'erreur "Impossible d'obtenir la valeur de la propriété 'dir: l'objet est nul ou indéfini" lors du chargement de pages dans IE9 Transmission de données audio en HTML5 Pourquoi arr = est-il plus rapide que arr = new Array?

Est-il possible d'accéder au contenu généré par une règle css: avant?

J'expérimente d'utiliser les compteurs html5 et css pour numéroter les chiffres dans un document. La cote de numéro css fonctionne, mais je dois pouvoir générer des références croisées qui incluent les nombres de chiffres.

Existe-t-il un moyen d'accéder à ces valeurs via JavaScript? Le code du compteur que j'utilise est: 

body { counter-reset: section; } section { counter-reset: figure; counter-increment: section; } section section { counter-reset: section; } section > h1:before { content: counters(section, '.'); } .figure > .caption:before { counter-increment: figure; content: 'Figure ' counters(section, '.') '-' counter(figure); } section > h1:before, .figure > .caption:before { margin-right: .5em; }

Selon cet article :

Le contenu généré ne modifie pas l'arbre du document. En particulier, il n'est pas renvoyé au processeur de langage du document (p. Ex. Pour réparer).

En d'autres termes, il semble que l'attribut CSS de content n'ajoute que le «style» du texte à la page sans affecter la structure du document. Le DOM n'est pas conscient de ce style et, par conséquent, Javascript ne peut pas y accéder.