Свойство innerText
Пример element.innerText
Получить внутренний текст элемента:
let text = element.innerText;
Попробуйте сами »
Ещё примеры ниже.
Описание innerText
Свойство innerText задает или возвращает текстовое содержимое элемента.
Примечание innerText
При установке свойства innerText все дочерние узлы удаляются и заменяются только одним новым текстовым узлом.
Связные страницы innerText
Разница innerHTML, innerText и textContent
См. ниже
Синтаксис innerText
Вернуть текстовое содержимое элемента или узла:
element.innerText
или
node.innerText
Установите текстовое содержимое элемента или узла:
element.innerText = text
или
node.innerText = text
Значение свойства innerText
| Значение | Описание |
|---|---|
| text | Текстовое содержимое элемента. |
Возвращаемое значение innerText
| Тип | Описание |
|---|---|
| String | Текстовое содержимое элемента и всех его потомков, за исключением элементов <script> и <style>. |
Разница 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 возвращает: Этот элемент имеет дополнительный интервал и содержит элемент пустоты. |
| Свойство innerHTML возвращает: Этот элемент имеет дополнительный интервал и содержит <span>элемент пустоты</span>. |
| Свойство textContent возвращает: Этот элемент имеет дополнительный интервал и содержит элемент пустоты. |
Поддержка innerText
element.innerText поддерживается во всех браузерах:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Да | 10-11 | Да | Да | Да | Да |