Wie arbeite ich mit mehreren Elementen mit derselben ID in JavaScript?

Arbeiten mit mehreren Elementen mit derselben ID mithilfe von getElementById() von JavaScript

Trotz der Regel, dass HTML-Elemente eindeutige IDs haben sollten, kann es vorkommen, dass Elemente doppelte IDs haben aufgrund externer Faktoren, wie z. B. der API-Dokumentation. In solchen Fällen kann es eine Herausforderung sein, eine Sammlung dieser Elemente mit der JavaScript-Funktion getElementById() zu erhalten.

Anstatt sich ausschließlich auf getElementById() zu verlassen, das nur das erste passende Element zurückgibt, können Sie querySelectorAll() verwenden, um Rufen Sie mehrere Elemente mit derselben ID ab. So können Sie dies erreichen:

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
}

Dieser Code stellt Ihnen ein Array von Elementen mit der angegebenen ID zur Verfügung, sodass Sie deren Eigenschaften nach Bedarf manipulieren oder ändern können.

Das obige ist der detaillierte Inhalt vonWie arbeite ich mit mehreren Elementen mit derselben ID in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!