Η Ιδιότητα textContent

Η ιδιότητα textContent επιτρέπει την ανάκτηση και αλλαγή του κειμένου ενός στοιχείου.

Σύνταξη

javascriptστοιχείο.textContent;

Παράδειγμα

Ας εμφανίσουμε το κείμενο του στοιχείου:

html<p id="elem">κείμενο</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Αποτέλεσμα εκτέλεσης κώδικα:

javascript'κείμενο'

Παράδειγμα

Ας αλλάξουμε το κείμενο του στοιχείου:

html<p id="elem">κείμενο</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Αποτέλεσμα εκτέλεσης κώδικα:

html<p id="elem">!!!</p>

Παράδειγμα

Εάν το κείμενο του στοιχείου περιέχει ετικέτες, όταν διαβάζεται η ιδιότητα, αυτές οι ετικέτες δεν θα εμφανίζονται:

html<p id="elem"><b>κείμενο</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Αποτέλεσμα εκτέλεσης κώδικα:

javascript'κείμενο'

Δείτε επίσης