javascript - 无法获得执行Javascript代码的按钮

我写了一些html/css/javascript代码，这些代码是从javascript教科书中一字不差地获取的。由于某些原因，代码在我的浏览器（Firefox的最新版本）中无法正确运行。当我单击该按钮时，javascript函数“toggleStyle（）”根本不会在浏览器中执行。这是按钮的代码：

<button type="button" onclick="toggleStyle()">Toggle Style</button>

这是javascript代码。注意，当我单击按钮时，甚至alert（）方法都不会执行：

        function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }

最佳答案

你把代码放进去了吗？

<script type="text/javascript">

function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }
}
</script>

上述代码正在工作：