Εργασία με κείμενο στοιχείων στο JavaScript
Τα DOM στοιχεία έχουν την ιδιότητα textContent,
που επιτρέπει την ανάγνωση του κειμένου αυτών των στοιχείων.
Ας δούμε ένα παράδειγμα. Ας υποθέσουμε
ότι έχουμε την ακόλουθη ετικέτα:
html<p id="elem">text</p>
Ας πάρουμε μια αναφορά σε αυτήν την ετικέτα σε μια μεταβλητή:
javascriptlet elem = document.querySelector('#elem');
Ας διαβάσουμε το κείμενο της ετικέτας:
javascriptconsole.log(elem.textContent);
Ας αλλάξουμε το κείμενο της ετικέτας:
javascriptelem.textContent = '!!!';
Δίνεται μια παράγραφος και ένα κουμπί. Με κλικ στο κουμπί διαβάστε το κείμενο της παραγράφου και εμφανίστε το στην κονσόλα.
Δίνεται μια παράγραφος και ένα κουμπί. Με κλικ στο κουμπί γράψτε στην παράγραφο νέο κείμενο.
Δίνονται δύο παράγραφοι, που περιέχουν ως κείμενό τους κάποιους αριθμούς, και ένα κουμπί. Με πάτημα στο κουμπί εμφανίστε στην οθόνη το άθροισμα των αριθμών που περιέχονται.
Δίνονται τρεις παράγραφοι με αριθμούς, ένα div, και ένα κουμπί. Με πάτημα στο κουμπί γράψτε στο κείμενο του div το άθροισμα των αριθμών.
Δίνεται μια παράγραφος με έναν αριθμό και ένα κουμπί. Με πάτημα στο κουμπί προσθέστε μία μονάδα στην τιμή της παραγράφου και γράψτε τον αριθμό που προκύπτει πίσω.
Δίνεται μια παράγραφος με κείμενο και ένα κουμπί. Με πάτημα στο κουμπί γράψτε στο τέλος του κειμένου της παραγράφου ένα θαυμαστικό.