Thuộc tính textContent trong JavaScript

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

Thuộc tính textContent trong JavaScript dùng để lấy những chữ có trong thẻ HTML, bao gồm những chữ nằm trong thẻ HTML có css bằng none, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính textContent trong JavaScript

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

Thuộc tính textContent trong JavaScript dùng để lấy những chữ có trong thẻ HTML, bao gồm những chữ nằm trong thẻ HTML có css bằng none, nó không lấy các thẻ html mà chỉ lấy chữ ở trong đó, nó giữ nguyên định dạng như khoảng trắng và ngắt dòng.

textContent 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, có cả thẻ HTML có css none, nhưng thẻ html sẽ hoạt động giống như chữ chứ không giống 1 thẻ html.

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

Nhúng nội dung:

tenbien.textContent = chuoihtml;

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.

chuoihtml: Chuổi HTML sau khi lấy về và dùng để nhúng vào nội dung thẻ HTML tenbien.

Lấy nội dung:

let ketqua = tenbien.textContent;

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ả lấy tất cả chữ có trong phần tử HTML cha đó và cả chữ nằm trong các phần tử HTML con có css bằng none.

Code Thuộc tính textContent trong JavaScript

document.getElementById("ketquahai").textContent = tuoihai;

document.getElementById("ketqua").textContent = 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;
// textContent Nhúng html đã lấy về id ketqua
document.getElementById("ketqua").textContent = tuoi;
// textContent lấy html
let tuoihai = document.getElementById("tuoihai").textContent;
// textContent Nhúng text đã lấy về
document.getElementById("ketquahai").textContent = 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 textContent trong JavaScript.

Bùi Tấn Lực

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