Arbeid med tekst i elementer på JavaScript
DOM-elementer har egenskapen textContent,
som lar oss lese teksten i disse elementene.
La oss se på et eksempel. La oss si
at vi har følgende tagg:
html<p id="elem">text</p>
La oss hente en referanse til denne taggen i en variabel:
javascriptlet elem = document.querySelector('#elem');
La oss lese teksten i taggen:
javascriptconsole.log(elem.textContent);
La oss endre teksten i taggen:
javascriptelem.textContent = '!!!';
Gitt en avsnitt og en knapp. Ved klikk på knappen, les teksten i avsnittet og skriv den ut til konsollen.
Gitt en avsnitt og en knapp. Ved klikk på knappen, skriv en ny tekst til avsnittet.
Gitt to avsnitt som inneholder tall som tekst, og en knapp. Ved trykk på knappen, skriv ut summen av tallene som finnes.
Gitt tre avsnitt med tall, en div, og en knapp. Ved trykk på knappen, skriv summen av tallene innenfor div-elementet.
Gitt en avsnitt med et tall og en knapp. Ved trykk på knappen, legg til en enhet til verdien i avsnittet og skriv det resulterende tallet tilbake.
Gitt en avsnitt med tekst og en knapp. Ved trykk på knappen, skriv et utropstegn på slutten av avsnittets tekst.