Maison >interface Web >js tutoriel >Pouvez-vous récupérer des éléments avec des identifiants en double à l'aide de getElementById() ?

Pouvez-vous récupérer des éléments avec des identifiants en double à l'aide de getElementById() ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-21 22:36:10194parcourir

Can You Retrieve Elements with Duplicate IDs Using getElementById()?

Surmonter les identifiants en double avec getElementById

Question :

Comment récupérer une collection de éléments avec le même ID en utilisant uniquement getElementById()?

Réponse :

L'utilisation de getElementById() pour récupérer plusieurs éléments avec le même ID viole les normes HTML. Cependant, si vous êtes confronté à une structure HTML aussi invalide, une approche alternative consiste à utiliser querySelectorAll() comme suit :

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

for (var i = 0; i < elements.length; i++) {
  // Perform actions on each element, e.g., modify styles:
  elements[i].style.display = 'none';
}

En employant cette méthode, vous pouvez naviguer dans une structure HTML invalide contenant des ID en double et appliquer les effets sur chaque élément correspondant. Notez que le code fourni est destiné à servir de solution de contournement pour gérer le code HTML non valide et ne doit pas être considéré comme une pratique recommandée pour créer des documents HTML valides.

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