Логотип Хекслета
/
Вопросы и ответы
/
JavaScript
/

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

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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

0

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

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

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

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

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

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

3 года назад

Вячеслав Межуревский

10 месяцев·С нуля

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React

Фронтенд-разработчик

от 6 792 ₽

5 месяцев·С нуля

Профессиональная верстка

Адаптивная вёрстка для отображения на любых устройствах

Профессиональная верстка

от 3 900 ₽

2 месяца·Для продвинутых

ООП на Javascript

Изучите архитектуру и принципы чистого кода на JS

ООП на Javascript

от 3 900 ₽

2 месяца·Для продвинутых

React

Освоите React и создание быстрых интерфейсов

React

от 3 900 ₽

2 месяца·Для продвинутых

Typescript

Изучите Typescript и получите навык снижать ошибки, упрощать отладку

Typescript

от 3 900 ₽

Похожие вопросы