Comment récupérer des éléments avec le même identifiant en JavaScript ?

Comment récupérer des éléments avec le même ID à l'aide de getElementById de JavaScript

Obtention d'une collection d'éléments en fonction de leur ID partagé à l'aide de getElementById() de JavaScript La méthode peut sembler difficile, compte tenu de son incapacité à gérer plusieurs éléments avec des identifiants identiques. Cependant, pour des raisons historiques, il est toujours pertinent d'explorer cette technique.

getElementById() et ID multiples

En règle générale, les éléments HTML ne doivent pas avoir d'ID en double, car cela viole l’exigence d’unicité. Cependant, dans certains cas, comme par exemple lorsque vous travaillez avec une documentation HTML mal construite, il peut être nécessaire de manipuler des éléments avec le même ID.

Pour contourner la limitation inhérente à getElementById(), vous pouvez tirer parti de querySelectorAll() méthode à la place. Cette méthode vous permet de récupérer une collection d'éléments basée sur un sélecteur CSS spécifié. En spécifiant le sélecteur CSS "[id='myId']", vous pouvez sélectionner tous les éléments avec l'ID donné.

Exemple de code

Voici un extrait de code qui montre comment utiliser querySelectorAll() pour obtenir des éléments avec le même ID :

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

// Perform operations on the collection of elements
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = "none"; // Example operation
}

Dans cet exemple, la variable elms contiendra une collection de type tableau de tous les éléments avec l'ID spécifié. Vous pouvez ensuite effectuer toutes les opérations nécessaires sur ces éléments, comme les masquer à l'aide de la propriété style.display.

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!