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
phầ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:
<p id="elem">văn bản</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Kết quả thực thi mã:
'<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:
<p id="elem">văn bản</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Kết quả thực thi mã:
<div>văn bản</div>
Xem thêm
-
thuộc tính
textContent,
chứa văn bản của phần tử -
thuộc tính
innerHTML,
chứa mã HTML bên trong phần tử
