Tekstielementtien käsittely JavaScriptillä
DOM-elementeillä on ominaisuus textContent,
joka mahdollistaa näiden elementtien tekstin lukemisen.
Katsotaanpa esimerkkiä. Oletetaan,
että meillä on seuraava tagi:
html<p id="elem">teksti</p>
Haetaan viite tähän tagiin muuttujaan:
javascriptlet elem = document.querySelector('#elem');
Luetaan tagin teksti:
javascriptconsole.log(elem.textContent);
Muutetaan tagin tekstiä:
javascriptelem.textContent = '!!!';
Annettu kappale ja painike. Painiketta napsautettaessa lue kappaleen teksti ja tulosta se konsoliin.
Annettu kappale ja painike. Painiketta napsautettaessa kirjoita kappaleeseen uusi teksti.
Annettu kaksi kappaletta, jotka sisältävät tekstinään joitain numeroita, ja painike. Painiketta painettaessa tulosta näytölle tallennettujen numeroiden summa.
Annettu kolme kappaletta numeroilla, div, ja painike. Painiketta painettaessa kirjoita divin tekstiin numeroiden summa.
Annettu kappale numerolla ja painike. Painiketta painettaessa lisää kappaleen arvoon yksi ja kirjoita saatu luku takaisin.
Annettu kappale tekstillä ja painike. Painiketta painettaessa kirjoita kappaleen tekstin loppuun huutomerkki.