Delo z besedilom elementov v JavaScriptu
DOM elementi imajo lastnost textContent,
ki omogoča branje besedila teh elementov.
Poglejmo si primer. Naj
imamo naslednjo oznako:
<p id="elem">besedilo</p>
Pridobimo povezavo do te oznake v spremenljivko:
let elem = document.querySelector('#elem');
Preberimo besedilo oznake:
console.log(elem.textContent);
Spremenimo besedilo oznake:
elem.textContent = '!!!';
Podan je odstavek in gumb. Ob kliku na gumb preberite besedilo odstavka in ga izpišite v konzolo.
Podan je odstavek in gumb. Ob kliku na gumb vpišite v odstavek novo besedilo.
Podana sta dva odstavka, ki vsebujeta svoje besedilo nekaj številk, in gumb. Ob pritisku na gumb izpišite na zaslon vsoto shranjenih številk.
Podani so trije odstavki s številkami, div in gumb. Ob pritisku na gumb zapišite v besedilo div vsoto številk.
Podan je odstavek s številko in gumb. Ob pritisku na gumb prištejte k vrednosti odstavka ena in dobljeno številko zapišite nazaj.
Podan je odstavek z besedilom in gumb. Ob pritisku na gumb zapišite na konec besedila odstavka klicaj.
