Elemek szövegének kezelése JavaScripttel
A DOM elemeknek van egy textContent tulajdonsága,
amely lehetővé teszi ezen elemek szövegének elolvasását.
Nézzünk egy példát. Tegyük fel,
hogy a következő taggal rendelkezünk:
html<p id="elem">szöveg</p>
Kapjunk hivatkozást erre a tagra egy változóba:
javascriptlet elem = document.querySelector('#elem');
Olvassuk el a tag szövegét:
javascriptconsole.log(elem.textContent);
Változtassuk meg a tag szövegét:
javascriptelem.textContent = '!!!';
Adott egy bekezdés és egy gomb. A gombra kattintva olvassa el a bekezdés szövegét és írja ki a konzolra.
Adott egy bekezdés és egy gomb. A gombra kattintva írjon a bekezdésbe új szöveget.
Adott két bekezdés, amelyek szövege valamilyen számokat tartalmaz, és egy gomb. A gomb megnyomásakor írja ki a képernyőre a tárolt számok összegét.
Adott három, számokat tartalmazó bekezdés, egy div és egy gomb. A gomb megnyomásakor írja a div szövegébe a számok összegét.
Adott egy, számot tartalmazó bekezdés és egy gomb. A gomb megnyomásakor adjon hozzá egyet a bekezdés értékéhez és írja vissza a kapott számot.
Adott egy szöveget tartalmazó bekezdés és egy gomb. A gomb megnyomásakor írjon a bekezdés szövegének végére egy felkiáltójelet.