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.
