Изменение текста кнопки onclick

Когда я нажимаю на эту кнопку, я хочу, чтобы значение изменилось. HTML:

 

Javascript:

 function change(); { document.getElementById("myButton1").value="Close Curtain"; } 

Теперь кнопка отображает открытую занавеску, и я хочу, чтобы она изменилась, чтобы закрыть занавес, это правильно?

Если я правильно понял ваш вопрос, вы хотите переключиться между «Open Curtain» и «Close Curtain» – перейдя на «открытый занавес», если он закрыт или наоборот. Если это то, что вам нужно, это будет работать.

 function change() // no ';' here { if (this.value=="Close Curtain") this.value = "Open Curtain"; else this.value = "Close Curtain"; } 

Обратите внимание, что вам не нужно использовать document.getElementById("myButton1") внутри изменения, поскольку оно вызывается в контексте myButton1 – что я имею в виду под контекстом, который вы узнаете позже, при чтении книг о JS.

ОБНОВЛЕНИЕ :

Я был неправ. Не так, как я сказал ранее, this не относится к самому элементу. Вы можете использовать это:

 function change() // no ';' here { var elem = document.getElementById("myButton1"); if (elem.value=="Close Curtain") elem.value = "Open Curtain"; else elem.value = "Close Curtain"; } 

Кажется, что есть только простая ошибка опечатки:

  1. Удалите точку с запятой после change (), в объявлении функции не должно быть.
  2. Добавьте предложение перед объявлением myButton1.

Исправленный код:

  ... function change() { document.getElementById("myButton1").value="Close Curtain"; } 

Более быстрым и простым решением было бы включить код в вашу кнопку и использовать ключевое слово this для доступа к кнопке.

  

Есть много способов. И это должно работать и во всех браузерах, и вам больше не нужно использовать document.getElementById, поскольку вы передаете сам элемент функции.

   

При использовании элемента (или, возможно, других?) Установка «значение» не изменит текст, а innerHTML .

 var btn = document.getElementById("mybtn"); btn.value = 'my value'; // will just add a hidden value btn.innerHTML = 'my text'; 

При печати на консоль:

это можно легко сделать с помощью кода vbs (так как я не очень хорошо знаком с js)

   

и вы закончили, однако это изменяет имя для отображения только и не меняет функцию {onclick}, я сделал несколько исследований о том, как сделать второй, и кажется, что нет «что-то вроде

 btn.onclick = ".." 

но я понял способ, используя тег >, он выглядит следующим образом:

       

попробуйте сами, измените коды в sub function1 и sub function2, в основном все, что вам нужно знать, чтобы сделать это в jscript, является строкой

 span.InnerHTML = "..." 

остальное – ваш код, который вы хотите выполнить

надеюсь, что это поможет: D

У вас отсутствует вводная цитата на id =, и после объявления функции у вас есть точка с запятой. Кроме того, тегу ввода не требуется закрывающий тег.

Это работает:

   

Попробуй это,

   
   

Если вы не используете или не можете использовать jQuery, вы можете сделать это без подхода к использованию навязчивых js. Надеюсь, поможет. https://en.wikipedia.org/wiki/Unobtrusive_JavaScript Также рекомендуем ссылаться на https://stackoverflow.com/a/3910750/4812515 для обсуждения этого вопроса.

HTML:

   

Javascript:

  $('#myButton1').click(function() { var self = this; change(self); }); function change( el ) { if ( el.value === "Open Curtain" ) el.value = "Close Curtain"; else el.value = "Open Curtain"; } 
    events2    

Если вы предпочитаете связывать свои события за пределами html-разметки (в javascript), вы можете сделать это следующим образом:

 document.getElementById("curtainInput").addEventListener( "click", function(event) { if (event.target.value === "Open Curtain") { event.target.value = "Close Curtain"; } else { event.target.value = "Open Curtain"; } }, false ); 
       
 This is simple way to change Submit to loading state   
  • Рисование прозрачной кнопки
  • Переопределить домашнюю и обратную кнопку - это случай, когда логическое значение true
  • изменение размера КНОПКИ через CSS
  • Как эффективно использовать cardlayout в java для переключения с панели с помощью кнопок внутри различных панельных конструкторов
  • Как изменить цвет кнопки при наведении?
  • Прикрепите параметр к действию button.addTarget в Swift
  • Добавить массив кнопок в GridView в приложении для Android
  • Передача данных между формами WPF
  • Как удалить простыню вокруг кнопок в Android?
  • Отключить кнопку возврата в android
  • Разница между клавишами h: и h: commandButton
  • Interesting Posts
    Давайте будем гением компьютера.