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