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

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

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

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

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

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

const changeText = () => {
  // Выбираем элемент на странице, и меняем содержимое нужного поля
  document.getElementsByClassName('text')[0].textContent = "Кто сказал мяу?";
}
0 0
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»