Comment parcourir efficacement les éléments sélectionnés avec document.querySelectorAll()

Parcourir les éléments sélectionnés à l'aide de document.querySelectorAll

Lors d'une tentative de itération sur les éléments sélectionnés à l'aide de document.querySelectorAll(), on peut rencontrer des difficultés pour obtenir un nombre cohérent de résultats. Cela se produit car document.querySelectorAll() renvoie une liste de nœuds qui inclut des éléments supplémentaires au-delà de ceux correspondant à la requête spécifiée.

Pour parcourir efficacement les éléments sélectionnés, des méthodes alternatives à la boucle for in peuvent être employé. Une approche populaire et efficace consiste à utiliser la syntaxe spread pour convertir la liste de nœuds en tableau.

<code class="javascript">var checkboxes = [...document.querySelectorAll('.check')];
checkboxes.forEach(checkbox => {
    // Perform actions on each checkbox element
});</code>

Cette approche transforme la liste de nœuds en tableau, permettant l'utilisation de méthodes modernes comme forEach() . Cela empêche l'inclusion d'éléments supplémentaires et garantit des résultats cohérents dans la boucle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!