Darbība ar elementu tekstu JavaScript
DOM elementiem ir īpašība textContent,
kas ļauj nolasīt šo elementu tekstu.
Apskatīsim piemēru. Pieņemsim, ka
mums ir šāds tags:
html<p id="elem">text</p>
Iegūsim atsauci uz šo tagu mainīgajā:
javascriptlet elem = document.querySelector('#elem');
Izlasīsim tagu tekstu:
javascriptconsole.log(elem.textContent);
Mainīsim tagu tekstu:
javascriptelem.textContent = '!!!';
Dots rindkopa un poga. Noklikšķinot uz pogas, izlasiet rindkopas tekstu un izvadiet to konsolē.
Dots rindkopa un poga. Noklikšķinot uz pogas, ierakstiet rindkopā jaunu tekstu.
Dotas divas rindkopas, kuru teksts ir kādi skaitļi, un poga. Nospiežot pogu, izvadiet ekrānā glabāto skaitļu summu.
Dotas trīs rindkopas ar skaitļiem, div un poga. Nospiežot pogu, ierakstiet div tekstā skaitļu summu.
Dota rindkopa ar skaitli un poga. Nospiežot uz pogas, pieskaitiet rindkopas vērtībai vienu un ierakstiet iegūto skaitli atpakaļ.
Dota rindkopa ar tekstu un poga. Nospiežot uz pogas, ierakstiet rindkopas teksta beigās izsaukuma zīmi.