Arbeiten mit dem Text von Elementen in JavaScript
DOM-Elemente haben die Eigenschaft textContent,
die es erlaubt, den Text dieser Elemente auszulesen.
Schauen wir uns ein Beispiel an. Nehmen wir an,
wir haben das folgende Tag:
html<p id="elem">text</p>
Wir holen uns einen Verweis auf dieses Tag in eine Variable:
javascriptlet elem = document.querySelector('#elem');
Lesen wir den Text des Tags aus:
javascriptconsole.log(elem.textContent);
Ändern wir den Text des Tags:
javascriptelem.textContent = '!!!';
Gegeben ist ein Absatz und ein Button. Beim Klick auf den Button lesen Sie den Text des Absatzes aus und geben ihn in der Konsole aus.
Gegeben ist ein Absatz und ein Button. Beim Klick auf den Button schreiben Sie einen neuen Text in den Absatz.
Gegeben sind zwei Absätze, die als Text Zahlen enthalten, und ein Button. Beim Klick auf den Button geben Sie die Summe der enthaltenen Zahlen auf dem Bildschirm aus.
Gegeben sind drei Absätze mit Zahlen, ein Div und ein Button. Beim Klick auf den Button schreiben Sie die Summe der Zahlen in den Text des Divs.
Gegeben ist ein Absatz mit einer Zahl und ein Button. Beim Klick auf den Button addieren Sie eins zum Wert des Absatzes und schreiben die erhaltene Zahl zurück.
Gegeben ist ein Absatz mit Text und ein Button. Beim Klick auf den Button schreiben Sie ein Ausrufezeichen an das Ende des Textes des Absatzes.