javascript getElementById mehrere Ids ansprechen möglich?
Hallo liebe Community, derzeitig versuche ich mich bisschen in Javascript einzuarbeiten es geht um folgendes:
Ich habe auf meiner Website einen Button:
<button id="bgc" onclick="document.getElementById('u1').style.color = 'red'"></button>
Dieser Button ändert den Text mit der ID u1, meine Frage ist wie könnte ich das so umschreiben das dieser Button sowohl den Text bei der ID u1 und u2 die Farbe ändert also mehrere Id's anspricht?
Danke im vorraus
Mein Discord: Exiter#6333
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, programmieren, JavaScript
Du kannst folgendes verwenden:
document.querySelectorAll("#u1, #u2").forEach(element => element.innerHTML = "Neuer Wert");
Damit wird der Inhalt von u1 und u2 auf "Neuer Wert" gesetzt.
Eine elegantere Lösung wäre es allerdings, den beiden Elementen dieselbe Klasse zuzuweisen und diese im querySelector zu verwenden:
document.querySelectorAll(".texte").forEach(element => element.innerHTML = "Neuer Wert");
Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung