Question

几天前才开始使用JS，而且我已经遇到了一些问题需要切换才能工作。我希望按钮在点击时在on和off之间切换。

＆＃13;

function click() {
  var change = document.getElementById("toggle");
  if (change.innerHTML == "on"); {
    change.innerHTML = "off";
  } else {
    change.innerHTML = "on";
  }
}

＆＃13;

<button type="button" id="toggle" onClick="click()">on</button>

＆＃13;

我应该怎么做呢？

Answer 1

试试这个

<!DOCTYPE html>
<html>
    <body>

        <button id="toggle" onclick="myFunction()">on</button>

        <script>

            function myFunction() {
                var change = document.getElementById("toggle");
                if (change.innerHTML == "on")
                {
                    change.innerHTML = "off";
                }
                else {
                    change.innerHTML = "on";
                }
            }

        </script>
    </body>
</html>

将您的功能定义为始终唯一而不是使用javascript函数/保留字只是一个建议/建议

Answer 2

你在if语句中有错误，if语句后面没有分号编写如下代码

 <button name="toggle" id="toggle" onclick="myFunction()">on</button>

            <script>

                function myFunction() {
                    var change = document.getElementById("toggle");
                    if (change.innerHTML == "on")
                    {
                        change.innerHTML = "off";
                    }
                    else {
                        change.innerHTML = "on";
                    }
                }

            </script>

Answer 3

你可以这样做：

<button type = "button" id= "toggle" onClick = "click()">on</button>


function click()
{
    var change = document.getElementById("toggle");
    if (change.value == "on")
    {
        change.value = "off";
    }
    else 
    {
      change.value = "on";
    }
}

或通过这样做：

function click()
{
    if (this.value=="on")
    {
        this.value = "off";
    }
    else 
    {
         this.value = "on";
    }
}

Answer 4

它适用于你

function myFunction()
    {
        var change = document.getElementById("toggle");
        if (change.value=="off") change.value = "on";
        else change.value = "off";
    }

按钮

<input type="button" value="on" id="toggle" onclick="myFunction()">

如何使用JavaScript更改单击按钮文本？

4 个答案: