JS onclick仅在第一次工作

时间:2017-03-02 18:59:02

标签: javascript html if-statement

我是JS的新手。我正在创建一个按钮,我希望按钮切换它所说的内容。我可以触发一次,但除非我刷新页面,否则它不会再次触发。我究竟做错了什么?我很确定它很简单。

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 :(得分:0)

嘿,我确实提醒,你的代码工作正常。您甚至可以在开发人员控制台中看到这一点。你也应该把===而不是==来比较字符串。 我认为应该有其他问题。

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