Arbejde med tekst i elementer på JavaScript
DOM-elementer har egenskaben textContent,
som gør det muligt at læse teksten i disse elementer.
Lad os se på et eksempel. Antag at
vi har følgende tag:
html<p id="elem">text</p>
Lad os få en reference til dette tag i en variabel:
javascriptlet elem = document.querySelector('#elem');
Lad os læse taggets tekst:
javascriptconsole.log(elem.textContent);
Lad os ændre taggets tekst:
javascriptelem.textContent = '!!!';
Givet en afsnit og en knap. Ved klik på knappen, læs teksten i afsnittet og udskriv den i konsollen.
Givet en afsnit og en knap. Ved klik på knappen, skriv en ny tekst i afsnittet.
Givet to afsnit, der indeholder tal som deres tekst, og en knap. Ved tryk på knappen udskriv summen af de gemte tal på skærmen.
Givet tre afsnit med tal, en div, og en knap. Ved tryk på knappen, skriv summen af tallene i div'ens tekst.
Givet en afsnit med et tal og en knap. Ved tryk på knappen, læg en enhed til afsnittets værdi og skriv det resulterende tal tilbage.
Givet en afsnit med tekst og en knap. Ved tryk på knappen, skriv et udråbstegn i slutningen af afsnittets tekst.