Thuộc tính outerHTML của phần tử HTML DOM

Định nghĩa và cách sử dụng

outerHTML Thiết lập thuộc tính hoặc trả về phần tử HTML, bao gồm thuộc tính, thẻ mở và thẻ đóng.

Mẫu

Ví dụ 1

Thay đổi phần tử h2 đầu tiên và nội dung của nó:

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

Thử ngay

Ví dụ 2

Thay thế phần tử bằng tiêu đề:

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

Thử ngay

Ví dụ 3

Xuất ra HTML bên ngoài của phần tử <h1>:

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

Thử ngay

Ví dụ 4

Xuất ra HTML bên ngoài của phần tử <ul>:

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

Thử ngay

Cú pháp

Trả về thuộc tính outerHTML:

element.outerHTML

Đặt thuộc tính outerHTML:

element.outerHTML = text

Giá trị thuộc tính

Giá trị Mô tả
text Nội dung HTML mới.

Giá trị trả về

Loại Mô tả
Chuỗi Nội dung HTML của phần tử, bao gồm thuộc tính, thẻ mở và thẻ đóng.

Hỗ trợ trình duyệt

Tất cả trình duyệt đều hỗ trợ element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ