</> Praktum

Главная / JavaScript / textContent

Справочник · JavaScript

textContent: текст элемента без HTML

textContent читает и записывает текст. Теги в строке не исполняются, а показываются как символы.

Как это работает

Для сообщения об ошибке, имени и числа это правильный способ. innerHTML нужен только когда ты сам собрал доверенную разметку. Чтение textContent склеит видимый и скрытый текст потомков. Запись заменит всех детей одним текстовым узлом. Не используй его, чтобы вставить готовую карточку с ссылкой: ссылку создай через createElement.

status.textContent = name ? `Здравствуйте, ${name}` : "Введите имя";

Когда использовать

Статусы, счётчики, имена из поля. Готовую разметку компонента собирай узлами.

Частые ошибки

  • Пользовательский текст вставили через innerHTML.
  • Запись стёрла вложенную кнопку.
  • Ждали, что тег в строке станет элементом.

Попробуй

Выведи имя из поля в абзац так, чтобы тег в имени остался текстом.

Практикум по теме

Ещё в разделе JavaScript