Comment puis-je récupérer plusieurs éléments avec le même ID en utilisant getElementById() en JavaScript ?

Récupération de plusieurs éléments avec le même ID à l'aide de getElementById

En JavaScript, getElementById est une méthode puissante pour sélectionner des éléments en fonction de leurs identifiants uniques. Cependant, que se passe-t-il lorsque vous rencontrez plusieurs éléments partageant le même identifiant, ce qui est un HTML invalide mais parfois inévitable ?

La question suivante répond à ce scénario :

Question :Comment puis-je obtenir une collection d'éléments en spécifiant leur attribut ID, y compris ceux avec des ID en double ? Je souhaite utiliser uniquement getElementById() pour y parvenir.

Réponse :

Bien que l'utilisation de getElementById() pour les éléments avec des ID en double ne soit pas idéale, il existe des moyens de contourner ce problème. Une approche consiste à utiliser querySelectorAll :

var elms = document.querySelectorAll("[id='duplicateID']");

for(var i = 0; i < elms.length; i++) 
  elms[i].style.display='none';

Ce code récupère tous les éléments avec l'ID spécifié et les stocke dans un tableau nommé elms. Vous pouvez ensuite parcourir le tableau et effectuer toutes les actions souhaitées sur chaque élément, comme les masquer dans l'exemple ci-dessus.

Notez que l'utilisation de getElementById() pour les éléments avec des ID en double peut conduire à un comportement imprévisible. Il est généralement recommandé d'appliquer un code HTML valide en utilisant des identifiants uniques pour les éléments.

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!