Ιδιότητα outerHTML του στοιχείου HTML DOM

Ορισμός και χρήση

outerHTML Ρύθμιση ή επιστροφή της ιδιότητας του στοιχείου HTML, συμπεριλαμβανομένων των ιδιοτήτων, των αρχικών και τελικών ετικετών.

Παράδειγμα

Παράδειγμα 1

Αλλαγή του πρώτου στοιχείου h2 και του περιεχομένου του:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

Αντικατάσταση του στοιχείου με τίτλο:

element.outerHTML = "<h2>This is a h2 element</h2>";

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 3

Εκτύπωση του εξωτερικού HTML του στοιχείου <h1>:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 4

Εκτύπωση του εξωτερικού HTML του στοιχείου <ul>:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

Προσπάθησε να το δοκιμάσεις

Γραμματική

Επιστροφή της ιδιότητας outerHTML:

element.outerHTML

Ρύθμιση της ιδιότητας outerHTML:

element.outerHTML = text

Τιμή ιδιοτήτων

Τιμή Περιγραφή
text Νέο περιεχόμενο HTML.

Επιστροφή τιμής

Τύπος Περιγραφή
String Το περιεχόμενο HTML του στοιχείου, συμπεριλαμβανομένων των ιδιοτήτων, των αρχικών και τελικών ετικετών.

Υποστήριξη περιηγητών

Όλοι οι περιηγητές υποστηρίζουν element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη