如何使用JavaScript在点击时更改按钮文本

How to change button text on click using JavaScript?

本文关键字：按钮 文本 何使用 JavaScript      更新时间：2024-02-12

几天前才启动JS，我在切换到工作状态时已经遇到了一些问题。我希望单击该按钮时在on和off之间切换。

function click() {
  var change = document.getElementById("toggle");
  if (change.innerHTML == "on"); {
    change.innerHTML = "off";
  } else {
    change.innerHTML = "on";
  }
}
<button type="button" id="toggle" onClick="click()">on</button>

我应该这样做吗？

尝试这个

<!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函数/保留字只是一个建议/建议

您在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>

您可以这样做：

<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";
    }
}

它将适用于

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()">
相关文章：