Práce s textem elementů v JavaScriptu
DOM elementy mají vlastnost textContent,
která umožňuje číst text těchto elementů.
Podívejme se na příklad. Předpokládejme,
že máme následující tag:
html<p id="elem">text</p>
Získáme odkaz na tento tag do proměnné:
javascriptlet elem = document.querySelector('#elem');
Přečteme text tagu:
javascriptconsole.log(elem.textContent);
Změníme text tagu:
javascriptelem.textContent = '!!!';
Daný odstavec a tlačítko. Po kliknutí na tlačítko přečtěte text odstavce a vypište jej do konzole.
Daný odstavec a tlačítko. Po kliknutí na tlačítko zapište do odstavce nový text.
Jsou dány dva odstavce, obsahující ve svém textu nějaká čísla, a tlačítko. Po stisknutí tlačítka vypište na obrazovku součet uložených čísel.
Jsou dány tři odstavce s čísly, div a tlačítko. Po stisknutí tlačítka zapište do textu divu součet čísel.
Daný odstavec s číslem a tlačítko. Po stisknutí tlačítka přičtěte k hodnotě odstavce jedničku a zapište získané číslo zpět.
Daný odstavec s textem a tlačítko. Po stisknutí tlačítka zapište na konec textu odstavce vykřičník.