Darbas su elementų tekstu JavaScript
DOM elementai turi savybę textContent,
kuri leidžia skaityti šių elementų tekstą.
Pažiūrėkime pavyzdį. Tarkime,
kad turime tokį tag'ą:
<p id="elem">text</p>
Gaukime nuorodą į šį tag'ą kintamajame:
let elem = document.querySelector('#elem');
Perskaitykime tag'o tekstą:
console.log(elem.textContent);
Pakeiskime tag'o tekstą:
elem.textContent = '!!!';
Duotas pastraipa ir mygtukas. Paspaudus mygtuką, perskaitykite pastraipos tekstą ir išveskite jį į konsolę.
Duotas pastraipa ir mygtukas. Paspaudus mygtuką, įrašykite į pastraipą naują tekstą.
Duotos dvi pastraipos, kurių tekstas yra kažkokie skaičiai, ir mygtukas. Paspaudus mygtuką atvaizduokite ekrane saugomų skaičių sumą.
Duotos trys pastraipos su skaičiais, div'as ir mygtukas. Paspaudus mygtuką, įrašykite į div'o tekstą skaičių sumą.
Duota pastraipa su skaičiumi ir mygtukas. Paspaudus mygtuką, pridėkite prie pastraipos reikšmės vienetą ir gautą skaičių įrašykite atgal.
Duota pastraipa su tekstu ir mygtukas. Paspaudus mygtuką, įrašykite į pastraipos teksto galą šauktuką.