как изменить текст кнопки js

Аватар пользователя Aleksey
Aleksey
13 апреля 2023

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

Пример:

<button id="myButton">Нажми меня</button>
const button = document.getElementById('myButton');
button.textContent = 'Новый текст кнопки';

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

0 0
Аватар пользователя Алексей Алешин
Алексей Алешин
13 апреля 2023

Чтобы изменить текст на кнопке с помощью 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-теги внутри элемента кнопки.

0 0
Познакомьтесь с основами JavaScript бесплатно