Η Ιδιότητα textContent
Η ιδιότητα textContent επιτρέπει την ανάκτηση
και αλλαγή του κειμένου ενός στοιχείου.
Σύνταξη
στοιχείο.textContent;
Παράδειγμα
Ας εμφανίσουμε το κείμενο του στοιχείου:
<p id="elem">κείμενο</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Αποτέλεσμα εκτέλεσης κώδικα:
'κείμενο'
Παράδειγμα
Ας αλλάξουμε το κείμενο του στοιχείου:
<p id="elem">κείμενο</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Αποτέλεσμα εκτέλεσης κώδικα:
<p id="elem">!!!</p>
Παράδειγμα
Εάν το κείμενο του στοιχείου περιέχει ετικέτες, όταν διαβάζεται η ιδιότητα, αυτές οι ετικέτες δεν θα εμφανίζονται:
<p id="elem"><b>κείμενο</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Αποτέλεσμα εκτέλεσης κώδικα:
'κείμενο'
