Question

我是JS的新手，我遇到了一个简单的脚本问题。对我来说，似乎当我按下按钮时，它应该在黑色和红色之间变换。但它只会变成红色然后保持这种状态。我确信我只是缺少一些基本知识。任何帮助将不胜感激：

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can change the style of an HTML element.
</p>

<script>
function myFunction()
{
x = document.getElementById("demo") // Find the element

if (x.style.color = "#000000")
    {
    x.style.color = "#ff0000";
    }
else
    {
    x.style.color = "#000000";
    }

}

</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>

Answer 1

您使用了一个需要比较运算符的赋值运算符。改变这个：

if (x.style.color = "#000000");

到这个

if (x.style.color == "#000000");

Answer 2

在if()条件下，您要按=

分配值

这是错误的，

您应该使用==

进行比较

如果声明为

，请将您更改为

if (x.style.color == "#000000")

简单的JavaScript误解

2 个答案: