Η Ιδιότητα outerHTML

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

Σύνταξη

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

Παράδειγμα

Ας εκτυπώσουμε το κείμενο του στοιχείου χρησιμοποιώντας την ιδιότητα outerHTML:

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

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

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

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

Παράδειγμα

Ας αντικαταστήσουμε την παράγραφο με ένα div που έχει το ίδιο κείμενο:

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

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

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

html<div>κείμενο</div>

Δείτε επίσης