Question

此功能正常。每次按下按钮，它都会改变为＆＃34;点击我＆＃34;到＆＃34;再次点击我＆＃34;，但我希望按钮在显示＆＃34;点击我时按下蓝色＆＃34;当它再次点击我时＃34;。

<!DOCTYPE html>
<html>
    <body>

        <button id="toggle" onclick="myFunction()" onclick="setcolor(blue)">click me</button>

        <script>

            function myFunction() {

                var change = document.getElementById("toggle");
                if (change.innerHTML == "click me again"){
                    change.innerHTML = "click me";
                }
                else {
                    change.innerHTML = "click me again";
                }
            }
        </script>
    </body>
</html>

Answer 1

从按钮中删除第二个onclick侦听器，然后在myFunction函数中添加着色代码：

if (change.innerHTML == "click me again") {
    change.innerHTML = "click me";
    change.style.background='blue'
}
else {
    change.innerHTML = "click me again";
    change.style.background='red'
}

Answer 2

点击设置backgroundColor只需添加一个点击功能

<button id="toggle" onclick="myFunction()" >click me</button>

<script>

    function myFunction() {

        var change = document.getElementById("toggle");
        if (change.innerHTML == "click me again")
        {
            change.innerHTML = "click me";
            change.style.backgroundColor = "blue"

        }
        else {
            change.innerHTML = "click me again";
          change.style.backgroundColor = "red"
        }
    }

</script>

单击按钮时更改按钮的颜色

2 个答案: