innerText

Обновлено: 19.03.2023

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

Властивість innerTextвстановлює або повертає текстовий вміст елемента.

Приклад

Отримати внутрішній текст елемента:

let text = element.innerText;

Примітка

Коли ви встановлюєте властивість innerText, усі дочірні вузли видаляються та замінюються лише одним новим текстовим вузлом.

Синтаксис

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

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

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

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


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

Типопис
РядокТекстовий вміст елемента та всіх нащадків, крім елементів <script> і <style>.


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

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

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

innerText

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

innerText