Thuộc tính innerHTML
Thuộc tính innerHTML cho phép lấy
và thay đổi mã HTML của phần tử.
Cú pháp
phần_tử.innerHTML;
Ví dụ
Hãy in ra mã HTML của phần tử:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Kết quả thực thi mã:
'<b>text</b>'
Ví dụ
Hãy thay đổi mã HTML thành mới:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Kết quả thực thi mã:
<p id="elem"><i>!!!</i></p>
Xem thêm
-
thuộc tính
textContent,
chứa văn bản của phần tử -
thuộc tính
outerHTML,
chứa mã HTML bên ngoài của phần tử
