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

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

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

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

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

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

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