Атрибут innerText элемента HTML DOM Element

Определение и использование

innerText Атрибут устанавливает или возвращает текстовый контент элемента.

Комментарий:Установка innerText При установке или возвращении значения属性, все подузлы будут удалены и заменены одним новым узлом текста.

Дополнительная информация:

Атрибут textContent

Property innerHTML

Пример

Получить внутренний текст элемента:

let text = element.innerText;

Попробуйте сами

Синтаксис

Вернуть текстовый контент элемента или узла:

element.innerText

или

node.innerText

Установить текстовый контент элемента или узла:

element.innerText = text

или

node.innerText = text

Значение свойства

Значение Описание
text Текстовый контент элемента.

Возвратное значение

Тип Описание
Строка Текстовый контент элемента и всех его потомков, кроме элементов <script> и <style>.

Разница между innerHTML, innerText и textContent

Property innerText возвращает:

Возвращает только текстовый контент элемента и всех его подэлементов, без скрытого текста CSS, пробелов и тегов, кроме элементов <script> и <style>.

Property innerHTML возвращает:

Текстовый контент элемента, включая все пробельные символы и внутренние HTML-теги.

Пroperty 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;

Попробуйте сами

В上面的 примере:

Property innerText возвращает:

Этот элемент имеет дополнительное间距 и содержит элемент span.

Property innerHTML возвращает:

   Этот элемент имеет дополнительное间距 и содержит <span>элемент span</span>.

Пroperty textContent возвращает:

   Этот элемент имеет дополнительное间距 и содержит элемент span.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 10-11 Поддержка Поддержка Поддержка Поддержка