Thuộc tính textContent

Thuộc tính textContent cho phép lấy và thay đổi văn bản của phần tử.

Cú pháp

javascriptphần_tử.textContent;

Ví dụ

Hãy in ra văn bản của phần tử:

html<p id="elem">văn bản</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Kết quả thực thi mã:

javascript'văn bản'

Ví dụ

Hãy thay đổi văn bản của phần tử:

html<p id="elem">văn bản</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Kết quả thực thi mã:

html<p id="elem">!!!</p>

Ví dụ

Nếu văn bản của phần tử chứa các thẻ, thì khi đọc thuộc tính, các thẻ này sẽ không được hiển thị:

html<p id="elem"><b>văn bản</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Kết quả thực thi mã:

javascript'văn bản'

Xem thêm

  • thuộc tính innerHTML,
    chứa mã HTML của phần tử
  • thuộc tính outerHTML,
    chứa mã HTML bên ngoài của phần tử