Praca z tekstem elementów w JavaScript
Elementy DOM mają właściwość textContent,
która pozwala odczytać tekst tych elementów.
Spójrzmy na przykład. Załóżmy, że
mamy następujący tag:
html<p id="elem">text</p>
Pobierzmy referencję do tego tagu do zmiennej:
javascriptlet elem = document.querySelector('#elem');
Odczytajmy tekst tagu:
javascriptconsole.log(elem.textContent);
Zmieńmy tekst tagu:
javascriptelem.textContent = '!!!';
Dany jest akapit i przycisk. Po kliknięciu przycisku odczytaj tekst akapitu i wypisz go w konsoli.
Dany jest akapit i przycisk. Po kliknięciu przycisku wpisz w akapit nowy tekst.
Dane są dwa akapity, zawierające jako swój tekst jakieś liczby, i przycisk. Po naciśnięciu przycisku wypisz na ekran sumę przechowywanych liczb.
Dane są trzy akapity z liczbami, div i przycisk. Po naciśnięciu przycisku wpisz w tekst diva sumę liczb.
Dany jest akapit z liczbą i przycisk. Po naciśnięciu przycisku dodaj do wartości akapitu jeden i zapisz otrzymaną liczbę z powrotem.
Dany jest akapit z tekstem i przycisk. Po naciśnięciu przycisku wpisz na końcu tekstu akapitu znak wykrzyknika.