Η Ιδιότητα innerHTML

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

Σύνταξη

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

Παράδειγμα

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

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

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

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

javascript'<b>κείμενο</b>'

Παράδειγμα

Ας αλλάξουμε τον κώδικα HTML σε νέο:

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

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

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

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

Δείτε επίσης