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