HTMLElement: свойство outerText

Свойство outerText интерфейса HTMLElement возвращает то же значение, что и HTMLElement.innerText. При использовании в качестве установщика оно заменяет весь текущий узел заданным текстом (это отличается от innerText, которое заменяет содержимое внутри текущего узла).

Для получения дополнительной информации и примеров использования обоих свойств в качестве получателей см. HTMLElement.innerText.

Строка, представляющая отрендеренное текстовое содержимое элемента и его потомков.

Если сам элемент не отображается (например, отсоединён от документа или скрыт от просмотра), возвращаемое значение такое же, как и свойство Node.textContent.

При использовании в качестве установщика оно заменяет текущий узел заданным текстом, преобразуя любые символы новой строки в элементы <br>.

Этот пример демонстрирует основное различие между outerText и innerText при использовании в качестве установщиков (при использовании в качестве получателей они одинаковы).

Рассмотрим страницу с следующим HTML:

<div>
  <p>Original content</p>
</div>

outerText заменяет весь выбранный элемент, поэтому JavaScript p.outerText = "Whole element replaced" заменяет весь выбранный p элемент:

<div>Whole element replaced</div>

В отличие от этого, p.innerText = "Content inside element replaced" заменяет содержимое внутри выбранного p элемента:

<div>
  <p>Content inside element replaced</p>
</div>

• HTMLElement.innerText
• Element.outerHTML