Javascript 事件和状态

Javascript 事件和状态,javascript,css,Javascript,Css,新的JS。有一件事我似乎不太明白,那就是编写适当的代码来来回更改事件 例如,在单击时来回更改颜色,从红色更改为黑色 var titles = document.getElementById("titles"); function changeColor() { if(titles.style.color="black") titles.style.color="red"; else titles.style.color="black"; }; titles

新的JS。有一件事我似乎不太明白,那就是编写适当的代码来来回更改事件

例如,在单击时来回更改颜色,从红色更改为黑色

var titles = document.getElementById("titles");

 function changeColor()

 {
   if(titles.style.color="black")
    titles.style.color="red";
   else
   titles.style.color="black";
 };

 titles.addEventListener("click", changeColor);
我知道这是一个简单的概念,但当涉及到更复杂的事情,比如用onclick打开菜单和其他更复杂的事情时,如果不理解这一点,我会有问题

我的问题是我不明白如何控制代码的后半部分。我可以把一种颜色改成红色,但我怎么才能把它改回来呢

=
是一项作业。要比较两个值,请使用
==
(如果您不想同时检查类型,请使用
==


=
是一项作业。要比较两个值,请使用
===
(如果您不想同时检查类型,请使用
==

似乎示例代码中已经包含了您的“后半部分”(尽管有一些输入错误)。对于更复杂的东西,原理保持不变。您的问题到底是什么?
titles.style.color=“black”
始终返回true。我猜你的意思是
titles.style.color==“黑色”
titles.style.color==“黑色”
代码有效。。您正在使用一个等号进行比较。此答案具有高度相关性:。基本上,您可以在标记屏幕上使用单击事件或内联事件来执行此操作。您的“后半部分”已经在示例代码中了(尽管有一些输入错误)。对于更复杂的东西,原理保持不变。您的问题到底是什么?
titles.style.color=“black”
始终返回true。我猜你的意思是
titles.style.color==“黑色”
titles.style.color==“黑色”
代码有效。。您正在使用一个等号进行比较。此答案具有高度相关性:。基本上,你可以在你的标记上使用点击事件或者内联事件,但是修改了这个操作符的代码仍然不起作用,那么我缺少了什么呢@TheodoreSteiner-有一个
隐藏在不在问题中的链接后面。浏览器开发工具控制台中的错误消息应该会对此大惊小怪。但是更正了该运算符的代码仍然不起作用,那么我缺少了什么呢@TheodoreSteiner-有一个
隐藏在不在问题中的链接后面。浏览器开发工具控制台中的错误消息应该是关于它的尖叫。
if(titles.style.color="black")