Maison >interface Web >js tutoriel >Comment travailler avec plusieurs éléments avec le même ID en JavaScript ?

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

DDD
DDDoriginal
2024-11-19 12:00:04404parcourir

How to Work with Multiple Elements with the Same ID in 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn