Práca s textom elementov v JavaScripte
DOM elementy majú vlastnosť textContent,
ktorá umožňuje čítať text týchto elementov.
Pozrime sa na príklad. Nech
máme nasledujúci tag:
html<p id="elem">text</p>
Získame odkaz na tento tag do premennej:
javascriptlet elem = document.querySelector('#elem');
Prečítajme si text tagu:
javascriptconsole.log(elem.textContent);
Zmeňme text tagu:
javascriptelem.textContent = '!!!';
Daný odstavec a tlačidlo. Po kliknutí na tlačidlo prečítajte text odstavca a vypíšte ho do konzoly.
Daný odstavec a tlačidlo. Po kliknutí na tlačidlo zapíšte do odstavca nový text.
Dané dva odseky, obsahujúce svojim textom nejaké čísla, a tlačidlo. Po stlačení tlačidla vypíšte na obrazovku súčet uložených čísel.
Dané tri odseky s číslami, div a tlačidlo. Po stlačení tlačidla zapíšte do textu divu súčet čísel.
Daný odstavec s číslom a tlačidlo. Po stlačení tlačidla pripočítajte k hodnote odstavca jednotku a zapíšte získané číslo späť.
Daný odstavec s textom a tlačidlo. Po stlačení tlačidla zapíšte na koniec textu odstavca výkričník.