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, але без тегів. |