Thuộc tính innerText trong JavaScript

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

Thuộc tính innerText trong JavaScript dùng để lấy những chữ có trong thẻ HTML, nó không lấy các thẻ html mà chỉ lấy chữ ở trong đó, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính innerText trong JavaScript

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

Thuộc tính innerText trong JavaScript dùng để lấy những chữ có trong thẻ HTML, nó không lấy các thẻ html mà chỉ lấy chữ ở trong đó, nếu thẻ html có css none thì nó không lấy chữ trong thẻ đó.

innerText còn có chức năng nhúng nội dung được lấy vào một thẻ HTML khác, lúc nhúng nó nhúng được cả các thẻ html và chữ được lấy nhưng thẻ HTML sẽ không hoạt động như một HTML mà hoạt động như một chữ.

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

Nhúng nội dung:

tenbien.innerText = 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.

Lấy nội dung:

let ketqua = tenbien.innerText;

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ề.

Code Thuộc tính innerText trong JavaScript

document.getElementById("tuoihai").innerText;

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

<h2>Nhúng nội dung</h2>
<div id="tuoi">Năm nay bạn 35 <span style="display:none">tuổi!</span></div>
<div id="ketqua"></div>


<h2>Lấy nội dung</h2>
<div id="tuoihai">Năm nay bạn 35 <span style="display:none">tuổi!</span></div>
<textarea id="ketquahai"></textarea>

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

// innerText lấy html
let tuoihai = document.getElementById("tuoihai").innerText;
// innerText Nhúng text đã lấy về
document.getElementById("ketquahai").innerText = tuoihai;
</script>

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 innerText trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính innerText 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