JavaScript – SPAN-Text setzen

Den Inhalt eines Span-Elements mittels JavaScript verändern. Folgendes Beispiel:

<p>Price:</p>
<span id="price">0,00 €</span>

Nun wollen wir den Inhalt ändern, z.B. über einen Button:

<button onclick="changePrice();">Change 1</button>

Dies können wir mit folgendem Script erreichen:

function changePrice() {
var element = document.getElementById("price");
element.innerText = "1,00 €";
}
</script>

Hier holen wir uns zuerst das Span-Element mit der ID. Anschließend können wir den Text mit „innerText“ neu setzen.

Hier geht es zum Online-Beispiel

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.