Werking met teks van elemente op JavaScript
DOM elemente het die eienskap textContent,
wat dit moontlik maak om die teks van hierdie elemente te lees.
Kom ons kyk na 'n voorbeeld. Gestel
ons het die volgende tag:
html<p id="elem">teks</p>
Laat ons 'n verwysing na hierdie tag kry in 'n veranderlike:
javascriptlet elem = document.querySelector('#elem');
Kom ons lees die teks van die tag:
javascriptconsole.log(elem.textContent);
Kom ons verander die teks van die tag:
javascriptelem.textContent = '!!!';
Gegee 'n paragraaf en 'n knoppie. Met 'n klik op die knoppie, lees die teks van die paragraaf en druk dit af in die konsole.
Gegee 'n paragraaf en 'n knoppie. Met 'n klik op die knoppie, skryf 'n nuwe teks in die paragraaf.
Gegee twee paragrawe, wat elk getalle as teks bevat, en 'n knoppie. Met 'n druk op die knoppie, vertoon die som van die getalle op die skerm.
Gegee drie paragrawe met getalle, 'n div, en 'n knoppie. Met 'n druk op die knoppie, skryf die som van die getalle in die teks van die div.
Gegee 'n paragraaf met 'n getal en 'n knoppie. Met 'n druk op die knoppie, voeg een by die waarde in die paragraaf en skryf die resultaat terug.
Gegee 'n paragraaf met teks en 'n knoppie. Met 'n druk op die knoppie, skryf 'n uitroepteken aan die einde van die paragraaf se teks.