Atribut outerHTML DOM Element HTML

Definisi dan penggunaan

outerHTML Atur atribut atau kembalikan elemen HTML, termasuk atribut, tag awal dan tag akhir.

Contoh

Contoh 1

Ubah elemen h2 pertama dan kontennya:

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

Coba sendiri

Contoh 2

Ganti elemen dengan judul:

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

Coba sendiri

Contoh 3

Outputkan HTML eksternal elemen <h1>:

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

Coba sendiri

Contoh 4

Outputkan HTML eksternal elemen <ul>:

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

Coba sendiri

Sintaks

Kembalikan atribut outerHTML:

element.outerHTML

Atur atribut outerHTML:

element.outerHTML = text

Nilai atribut

Nilai Deskripsi
text Konten HTML baru.

Nilai kembalian

Tipe Deskripsi
String Konten HTML elemen, termasuk atribut, tag awal dan tag akhir.

Dukungan Peramban

Semua peramban mendukung element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan