Discussion :

[MisterLSC]

Bonjour,

je dois récupérer les balises h1,h2.... d'une page et m'assurer qu'elles soient dans le bon ordre (pas de h2 avant h1 par exemple). Mon problème est que je n'arrive pas à trouver une solution pour vérifier l'ordre dans laquelle je les récupère.
Ma tentative était de placer tous les balises que je récupère à l'aide d'un QuerySelector dans lequel je place une variable ou j'y mets la lettre h + la valeur de la boucle sauf que les valeurs qui se retrouvent dans la variable headingsset arrivent dans l'ordre de la boucle for, ce qui ne m’intéresse pas...Si vous avez des propositions, je suis preneur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
var headingsset = [];
for (var j = 1; j < 11; j++) {                           
	 var hn = 'h'+ j;
var headings = document.querySelectorAll(hn);
for (var i = 0; i < headings.length; i++) {
	for (var l = 1; l<11 ; l++) { 
	var by= 'h'+(parseInt(hn.match(j).join(''))+l);
}	
}

En vous souhaitant une bonne soirée,

Alexandre

[danielhagnoul]

Exemple ES2015+ avec commentaires

Nota bene pour les utilisateurs de Firefox

J'ai adopté les modules ES2015 partout, c'est tellement pratique, mais Firefox est en retard par rapport à Chrome et Edge, voir Can I use module : https://caniuse.com/#search=module.
La sortie de Firefox 60 (normal) est prévue pour le 2018-05-09 (https://wiki.mozilla.org/RapidRelease/Calendar)

[MisterLSC]

Merci pour votre réponse, je ne m'attendais pas à ce qu'elle soit sous forme d'une page web

Je ne comprends pas vraiment l'utilité de faire plusieurs QuerySelector pour l'ensemble de la page, on ne pourrait pas s'en sortir en utilisant qu'un seul d'entre eux qui s'applique sur toute la page?

Cordialement,

Alexandre

[Beginner.]

Salut,

Je ne suis pas sûr de comprendre la question... Tu veux vérifier cela dans toute la page ? Mais dans une page il peut y avoir plusieurs chapitres/groupes/conteneurs et chacun d'eux peuvent avoir des balises hn..., non ?

Je ne comprends pas vraiment l'utilité de faire plusieurs QuerySelector pour l'ensemble de la page, on ne pourrait pas s'en sortir en utilisant qu'un seul d'entre eux qui s'applique sur toute la page?

Ben justement si ta page contient plusieurs chapitres/groupes/conteneurs et que chacun d'eux peuvent avoir des balises hn alors il serait plus logique de traiter chacun d'eux séparément, non ? D'où l'usage de conteneurN.querySelectorAll( "h1, h2, h3, h4, h5, h6" ) pour chaque conteneur (si j'ai bien compris)...


PS : Pour les balises hn, n va de 1 à 6, non ? Alors pourquoi tu vas jusqu'à 11 dans tes boucles ?

[MisterLSC]

Bonjour,

J'ai vu que les hn ne sont pas censé dépasser 6 mais j'ai simplement mis un nombre au hasard en essayant de trouver une méthode qui marche sans appeler tous les hn possible

Oui, je cherche à vérifier toute la page mais le but est de pouvoir appliquer le script à toutes les pages possibles, sans savoir comment elles seront divisées en chapitres/groupes/contenus.

[Beginner.]

Ben dans ce cas il suffit d'adapter le code de Daniel, qui peut le plus peut le moins...