Comment créer un sélecteur dynamique basé sur des attributs personnalisés ?

[Ariel19]

Bonjour à tous,
Je travaille sur un projet où je dois sélectionner dynamiquement des éléments HTML en fonction de plusieurs attributs personnalisés (data-*) et appliquer des styles ou des événements spécifiques. Infinite Craft Game
J’aimerais savoir quelle est la méthode la plus efficace en JavaScript pour parcourir le DOM et cibler ces éléments sans utiliser de librairie comme jQuery.
Est-ce que querySelectorAll est suffisant, ou y a-t-il une approche plus performante pour gérer des centaines d’éléments ?
Merci d’avance pour vos conseils !

[webmaster]

Bonjour

Il n'y a pas d'autres méthodes plus performantes que querySelectorAll()
jQuery sera plus simple, mais plus lent à l'exécution.

[Linmayi]

Bonjour à tous,
Je travaille sur un projet où je dois sélectionner dynamiquement des éléments HTML en fonction de plusieurs attributs personnalisés (data-*) et appliquer des styles ou des événements spécifiques. crossy road
J’aimerais savoir quelle est la méthode la plus efficace en JavaScript pour parcourir le DOM et cibler ces éléments sans utiliser de librairie comme jQuery.
Est-ce que querySelectorAll est suffisant, ou y a-t-il une approche plus performante pour gérer des centaines d’éléments ?
Merci d’avance pour vos conseils !

Je rencontre aussi des difficultés avec la sélection d'éléments HTML ayant des attributs personnalisés. querySelectorAll est-il suffisant pour des centaines d'éléments, ou existe-t-il une méthode plus performante ?

[melomane]

bonjour

si l'utilisation doit ce faire a plusieurs reprise tout en restant sur la même page, en faisant une première recherche puis conserver le résultat dans une variable évitera normalement de devoir refaire la recherche a chaque appel

[spacewavesfreeio]

Oui, dans la très grande majorité des cas, querySelectorAll() est non seulement suffisant, mais également la solution moderne recommandée pour sélectionner dynamiquement des éléments HTML basés sur des attributs personnalisés data-*. Space Waves

[Daniel976]

querySelectorAll avec des sélecteurs [data-*] est généralement suffisant et performant, surtout si tu limites la portée à un conteneur précis plutôt que tout le document. free online games