2017-03-02 54 views
-1

我是JS新手。我正在創建一個按鈕,我希望按鈕切換它所說的內容。我可以讓它開火一次,但除非我刷新頁面,否則它不會再次開火。我究竟做錯了什麼?我相信它很簡單。JS onclick僅在第一時間有效

JS功能:

<script type="text/javascript"> 
     function fullscreen(){ 
      var elem = document.getElementById("button1"); 
      if (elem.value=="Maximize"){ 
       elem.value = "Minimize"; 
      }else { 
       elem.value = "Maximize";} 
     } 
</script> 
在頁面的主體

是:

<div>  
    <input type="button" id="button1" value="Minimize" onclick='fullscreen()'> 
</div> 

我想到的是按鈕的文本時,變量通過if語句通過將切換。我可以讓它從「最小化」變爲「最大化」onclick,但第二次點擊什麼也不做。

+1

似乎是完美運行 –

+0

也適用於我。你確認了你的全屏功能?也許逐步介紹將解釋什麼是混亂。 – IrkenInvader

+0

@ShaktiPhartiyal有趣,我無法讓它切換回來。 – Darw1n34

回答

0

嘿,我確實把警報和你的代碼工作正常。你甚至可以在你的開發者控制檯中看到這個。你也應該把===而不是==與字符串進行比較。 我認爲應該有其他問題。

  function fullscreen(){ 
      var elem = document.getElementById("button1"); 
      if (elem.value ==="Maximize"){ 
       alert('hi'); 
       elem.value = "Minimize"; 
      } else { 
       alert('hello'); 
       elem.value = "Maximize";} 
      } 
相關問題