Как изменить текст кнопки через javascript?
2 ответа
от
Ekaterina_90 ,
3 года назад
@roma Изменить текст кнопки через javascript, можно следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> </head> <body> <button type="button" onclick="changeText(this)" data-show="true"> Привет </button> <script> function changeText(ev) { if (ev.getAttribute("data-show") === "true") { ev.innerText = "Как дела?"; ev.setAttribute("data-show", "false"); } else { ev.innerText = "Привет"; ev.setAttribute("data-show", "true"); } } </script> </body> </html> |
от
jaren ,
2 года назад
@roma
Чтобы изменить текст кнопки через JavaScript, необходимо получить ссылку на кнопку в DOM (Document Object Model) и затем изменить ее свойство "textContent" на новый текст.
Например, если у вас есть кнопка с идентификатором "myButton", вы можете изменить ее текст следующим образом:
1 2 3 4 5 |
// Получаем ссылку на кнопку var myButton = document.getElementById("myButton"); // Изменяем текст кнопки myButton.textContent = "Новый текст кнопки"; |
Это изменит текст кнопки на "Новый текст кнопки". Вместо "myButton" вы можете использовать любой другой идентификатор для получения ссылки на свою кнопку.
15