как изменить текст кнопки js — Q&A Хекслет
2026-02-26 19:48 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-izmenit-tekst-knopki-js

Ответы

Для изменения текста кнопки в JavaScript необходимо получить доступ к элементу кнопки с помощью метода document.getElementById(), затем установить текстовое значение. Например, через свойство textContent:

Пример:

В этом примере мы получили элемент кнопки по его id, затем установили новое значение свойства textContent на "Новый текст кнопки". Кнопка теперь будет отображать этот текст.

Чтобы изменить текст на кнопке с помощью JavaScript, можно использовать свойство innerHTML элемента кнопки. Вот пример:

<button id="myButton">Нажми меня</button> <script> const button = document.getElementById("myButton"); button.innerHTML = "Кликни меня"; </script>

В этом примере, сначала находим кнопку с помощью метода getElementById(), а затем используем свойство innerHTML для изменения текста кнопки на "Кликни меня". Это заменит текст "Нажми меня" на кнопке на новый текст "Кликни меня".

Также можно использовать метод innerText вместо innerHTML, если нужно изменить только текстовое содержимое элемента кнопки без изменения любых HTML-тегов внутри этого элемента. Вот пример:

<button id="myButton">Нажми меня</button> <script> const button = document.getElementById("myButton"); button.innerText = "Кликни меня"; </script>

Оба примера изменят текст на кнопке на новый текст. Выбор между использованием innerHTML или innerText зависит от того, нужно ли изменять только текстовое содержимое элемента или изменять HTML-теги внутри элемента кнопки.