2017-03-02 68 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";} 
      } 
相关问题