Elementide tekstiga töötamine JavaScriptis
DOM elementidel on omadus textContent,
mis võimaldab nende elementide teksti lugeda.
Vaatame näidet. Oletame,
et meil on järgmine silt:
html<p id="elem">text</p>
Saame sellele sildile viida muutujasse:
javascriptlet elem = document.querySelector('#elem');
Loeme sildi teksti:
javascriptconsole.log(elem.textContent);
Muudame sildi teksti:
javascriptelem.textContent = '!!!';
Antud on lõik ja nupp. Vajutades nuppu, lugege lõigu tekst ja kuvage see konsoolis.
Antud on lõik ja nupp. Vajutades nuppu, kirjutage lõiku uus tekst.
Antud on kaks lõiku, mis sisaldavad oma tekstis mõningaid numbreid, ja nupp. Nupu vajutamisel kuvage ekraanile numbrite summa.
Antud on kolm numbritega lõiku, div ja nupp. Nupu vajutamisel kirjutage divi teksti numbrite summa.
Antud on numbritega lõik ja nupp. Nupu vajutamisel lisage lõigu väärtusele üks ja kirjutage saadud number tagasi.
Antud on tekstiga lõik ja nupp. Vajutades nuppu, kirjutage lõigu teksti lõppu hüüumärk.