Arbeta med elementtext i JavaScript
DOM-element har egenskapen textContent,
som gör det möjligt att läsa texten i dessa element.
Låt oss titta på ett exempel. Låt oss säga
att vi har följande tagg:
html<p id="elem">text</p>
Låt oss få en referens till denna tagg i en variabel:
javascriptlet elem = document.querySelector('#elem');
Låt oss läsa taggens text:
javascriptconsole.log(elem.textContent);
Låt oss ändra taggens text:
javascriptelem.textContent = '!!!';
Givet ett stycke och en knapp. Vid klick på knappen, läs texten i stycket och skriv ut den i konsolen.
Givet ett stycke och en knapp. Vid klick på knappen, skriv en ny text till stycket.
Givet två stycken, som innehåller några tal som sin text, och en knapp. Vid klick på knappen, skriv ut summan av de lagrade talen på skärmen.
Givet tre stycken med tal, en div och en knapp. Vid klick på knappen, skriv till texten i div:en summan av talen.
Givet ett stycke med ett tal och en knapp. Vid klick på knappen, lägg till en etta till värdet i stycket och skriv det resulterande talet tillbaka.
Givet ett stycke med text och en knapp. Vid klick på knappen, skriv i slutet av styckets text ett utropstecken.