Atribut outerHTML DOM Element HTML

Definisi dan penggunaan

outerHTML Tetapkan atau kembalikan atribut elemen HTML, termasuk atribut, tag bermula dan tag tamat.

Contoh

Contoh 1

Ubah elemen h2 pertama dan kandungannya:

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

Cuba sendiri

Contoh 2

Gantikan elemen dengan tajuk:

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

Cuba sendiri

Contoh 3

Outputkan kandungan HTML luaran elemen <h1>:

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

Cuba sendiri

Contoh 4

Outputkan kandungan HTML luaran elemen <ul>:

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

Cuba sendiri

Syarat

Kembalian atribut outerHTML:

element.outerHTML

Tetapkan atribut outerHTML:

element.outerHTML = text

Nilai atribut

Nilai Penerangan
text Kandungan HTML baru.

Kembalian nilai

Jenis Penerangan
Teks Kandungan HTML elemen, termasuk atribut, tag bermula dan tag tamat.

Pembolehkan Pelayar

Semua pelayar mendukung element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Sokongan Sokongan Sokongan Sokongan Sokongan Sokongan