Thuộc tính outerHTML

Thuộc tính outerHTML cho phép lấy và thay đổi mã HTML của phần tử cùng với thẻ của nó.

Cú pháp

javascriptphần tử.outerHTML;

Ví dụ

Hãy in ra văn bản của phần tử bằng thuộc tính outerHTML:

html<p id="elem">văn bản</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Kết quả thực thi mã:

javascript'<p id="elem">văn bản</p>'

Ví dụ

Hãy thay thẻ đoạn văn bằng div với cùng nội dung văn bản:

html<p id="elem">văn bản</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Kết quả thực thi mã:

html<div>văn bản</div>

Xem thêm