Comment travailler avec plusieurs éléments avec le même ID en JavaScript ?

Travailler avec plusieurs éléments avec le même ID à l'aide de getElementById() de JavaScript

Malgré la règle selon laquelle les éléments HTML doivent avoir des ID uniques, vous pouvez rencontrer des situations où les éléments ont des ID en double en raison de facteurs externes, tels que la documentation de l'API. Dans de tels cas, obtenir une collection de ces éléments à l'aide de la fonction getElementById() de JavaScript peut s'avérer difficile.

Au lieu de vous fier uniquement à getElementById(), qui ne renvoie que le premier élément correspondant, vous pouvez utiliser querySelectorAll() pour récupérer plusieurs éléments avec le même ID. Voici comment y parvenir :

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

// Iterate through the elements and perform necessary actions
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = 'none'; // For example, hiding the elements
}

Ce code vous fournira un tableau d'éléments avec l'ID spécifié, vous permettant de manipuler ou de modifier leurs propriétés selon vos besoins.

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!