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
Libérer: 2024-11-21 22:36:10
original
193 Les gens l'ont consulté

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';
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal