textContent

Обновлено: 20.03.2023

Визначення та використання

Властивість textContentвстановлює або повертає текстовий вміст зазначеного вузла та всіх його нащадків .

Приклади

Повертає текстовий вміст елемента:

let text = element.textContent;

Змініть текстовий вміст елемента <p> за допомогою id="demo":



element.textContent = "I have changed!";

Отримайте весь текстовий вміст елемента <ul> за допомогою id="myList":


let text = document.getElementById("myList").textContent;

Синтаксис

Повертає текстовий вміст вузла:
element.textContent
або
node.textContent

Встановіть текстовий вміст вузла:
element.textContent = text
node.textContent = text

Вартість власності

Власністьопис
текстТекстовий вміст елемента або вузла.


Повернене значення

Типопис
РядокТекстовий вміст елемента та всіх його нащадків.
Повертає, nullякщо елемент є документом, типом документа або нотацією.


Відмінності між
innerHTML, innerText і textContent

Властивість innerHTML повертає:
текстовий вміст елемента, включаючи всі пробіли та внутрішні теги HTML.
Властивість innerText повертає:
лише текстовий вміст елемента та всіх його дочірніх елементів, без прихованих текстових інтервалів і тегів CSS, за винятком елементів <script> і <style>.
Властивість textContent повертає:
текстовий вміст елемента та всіх нащадків із інтервалами та прихованим текстом CSS, але без тегів.

Підтримка браузера

textContent

Посмотреть совместимость на Can I use?

textContent