Свойство innerText HTML DOM

Объект элемента HTML DOM

innerTextСвойство устанавливает или возвращает текстовое содержимое указанного узла.

Свойство innerText можно использовать для записи динамического текста в html-документ. В этом случае текст не будет интерпретироваться как html-текст, а как обычный текст.

Если установить свойство innerText, то все подузлы будут удалены, и их заменит единственный текстовый узел, содержащий указанную строку.

Этот атрибут ähnelttextContentсвойство, но textContent возвращает текстовое содержимое всех элементов, а innerText возвращает содержимое всех элементов, кроме <script> и <style>.

Чтобы установить или вернуть HTML-содержимое элемента, используйтеinnerHTMLСвойство.

Грамматика:

Вернуть текстовое содержимое:

HTMLElement.innerText

Установить текстовое содержимое:

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает свойство innerText:

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

Технические детали

Более примеров

Этот пример демонстрирует различия между innerText, innerHTML и textContent:

<p id="x">Элемент имеет дополнительное расстояние и содержит элемент <span>span</span>.</p>
<script>
function getInnerText() {}}
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

Атрибут innerText возвращает только текст, без пробелов и внутренних тегов элементов.

Атрибут innerHTML возвращает текст с пробелами и внутренними тегами элементов.

Атрибут textContent возвращает текст с пробелами, но без внутренних тегов элементов.

Связанные ссылки

Референтное руководство HTML DOM:Атрибут innerHTML HTML DOM

Референтное руководство HTML DOM:Атрибут textContent HTML DOM

Объект элемента HTML DOM