Thuộc tính innerHTML trong JavaScript

• Bùi Tấn Lực
• 138
• 11/09/2025

Thuộc tính innerHTML trong JavaScript dùng để lấy tất cả nội dung trong một phần tử HTML bao gồm cả: các thẻ HTML, chữ, thuộc tính, giá trị, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính innerHTML trong JavaScript

Chức năng của Thuộc tính innerHTML trong JavaScript

Thuộc tính innerHTML trong JavaScript dùng để lấy tất cả nội dung trong một phần tử HTML bao gồm cả: các thẻ HTML, chữ, thuộc tính, giá trị, thẻ html có css bằng none cũng lấy, chữ trong html có css bằng none cũng lấy... và có chức năng nhúng nội dung và một phần tử HTML khác, trong nội dung có thẻ HTML thì khi nhúng những thẻ HTML đó hoạt động như một thẻ HTML bình thường.

Cú pháp của Thuộc tính innerHTML trong JavaScript

Lấy nội dung:

let ketqua = tenbien.innerHTML;

tenbien: Tên biến là phần tử HTML cần lấy nội dung, thường dùng document.getElementById("giá trị id") để lấy.

ketqua: Kết quả trả về bao gồm cả thẻ html có css bằng none và chữ trong thẻ có css bằng none.

Nhúng nội dung:

tenbien.innerHTML = noidung;

tenbien: Tên biến là phần tử HTML cần nhúng nội dung, thường dùng document.getElementById("giá trị id") để lấy.

noidung: Nội dung dùng để nhúng vào phần tử HTML kia, nếu trong nội dung có thẻ HTML thì những thẻ HTML đó sẽ hoạt động như một thẻ HTML bình thường khi nhúng.

Code Thuộc tính innerHTML trong JavaScript

let tuoi = document.getElementById("tuoi").innerHTML;

document.getElementById("ketqua").innerHTML = tuoi;

<div id="tuoi">Năm nay bạn 35 <span>tuổi</span><span style="display:none">!</span></div>

<p><b>Xem Kết quả sau khi lấy về và sau khi nhúng chạy trực tiếp</b>:</p>
<textarea style="width:100%;" id="ketquahtml"></textarea>
<div id="ketqua"></div>

<script>
// lấy html
let tuoi = document.getElementById("tuoi").innerHTML;

// Nhúng html đã lấy về id ketqua
document.getElementById("ketquahtml").innerHTML = tuoi;
document.getElementById("ketqua").innerHTML = tuoi;
</script>

Kết quả:

35 tuổi!
Năm nay bạn: 35 tuổi!

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính innerHTML trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính innerHTML trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn