Как изменить текст в html через js

Ответы
Аватар пользователя Вячеслав Межуревский

Для изменения текстового значения элемента необходимо с помощью селектора выбрать его на странице, а потом в свойство textContent записать новое значение.

Рассмотрим пример:

Исходный HTML документ

<body>
    <p class="text">Здесь могла быть ваша реклама</p>
    <button onClick="changeText();">Нажми чтобы изменить</button>
</body>

В раздел со скриптами на странице добавим определение функции:

const changeText = () => {
  // Выбираем элемент на странице, и меняем содержимое нужного поля
  document.getElementsByClassName('text')[0].textContent = "Кто сказал мяу?";
}
0 0
Добавьте ваш ответ

Рекомендуемые курсы

Алгоритмы сортировки
Структуры данных
Бинарный поиск
Жадные алгоритмы
11 часов
Посмотреть
утверждения
jest
матчеры
юнит-тесты
14 часов
Посмотреть
состояние
JSX
компоненты
производительность
26 часов
Посмотреть