Свойство textContent
Примеры textContent
Вернуть текстовое содержимое элемента:
let text = element.textContent;
Попробуйте сами »
Измените текстовое содержимое элемента <p> с помощью id="demo":
element.textContent = "Я изменился!";
Попробуйте сами »
Получить все текстовое содержимое элемента <ul> с помощью id="myList":
let text = document.getElementById("myList").textContent;
Попробуйте сами »
Описание textContent
Свойство textContent устанавливает или возвращает текстовое содержимое указанного узла и всех его потомков..
Примечание textContent
При установке свойства textContent все дочерние узлы удаляются и заменяются только одним новым текстовым узлом.
Связные страницы textContent
Разница
innerHTML, innerText и textContent
См. ниже
Синтаксис textContent
Вернуть текстовое содержимое узла:
element.textContent
или
node.textContent
Задайте текстовое содержимое узла:
element.textContent = text
node.textContent = text
Значение свойства textContent
| Свойство | Описание |
|---|---|
| text | Текстовое содержимое элемента или узла. |
Возвращаемое значение textContent
| Тип | Описание |
|---|---|
| String | Текстовое содержимое элемента и всех его потомков. Возвращает null, если элемент является документом, типом документа или нотацией. |
Разница
innerHTML, innerText и textContent
| Свойство innerHTML возвращает: Текстовое содержимое элемента, включая все пробелы и внутренние теги HTML. |
| Свойство innerText возвращает: Только текстовое содержимое элемента и всех его дочерних элементов, без пробелов и тегов скрытого текста CSS, за исключением элементов <script> и <style>. |
| Свойство textContent возвращает: Текстовое содержимое элемента и всех его потомков, с пробелами и скрытым текстом CSS, но без тегов. |
HTML
<p id="myP"> Этот элемент имеет дополнительный интервал и содержит <span>элемент span</span>.</p>
JavaScript
let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;
Попробуйте сами »
В примере выше:
| Свойство innerText возвращает: Этот элемент имеет дополнительный интервал и содержит элемент span. |
| Свойство innerHTML возвращает: Этот элемент имеет дополнительный интервал и содержит <span>элемент span</span>. |
| Свойство textContent возвращает: Этот элемент имеет дополнительный интервал и содержит элемент span. |
Поддержка textContent
element.textContent является особенностью DOM уровня 3 (2004).
Он полностью поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |