javascript - 在两个颜色范围之间多次更改文本颜色

Question

我想知道是否有人可以帮助我多次更改文本的颜色，然后将颜色 #627CA9 更改为 #FFFFFF，反之亦然。

我尝试过这个:

function changeColor(id) {
  var x = document.getElementById(id);
  if (document.getElementById(id).style.color = "#627CA9")
    document.getElementById(id).style.color = "#FFFFFF"
  else {
    document.getElementById(id).style.color = "#627CA9"; // forecolor
  }

}

<div style="cursor: pointer;" onclick="changeColor('myid1'); return false;" id="myid1" class="centered">CHVRCHES</div>
<div style="cursor: pointer;" onclick="changeColor('myid2'); return false;" id="myid2" class="centered">PVRIS</div>

该代码仅更改颜色 1 次。

(对不起我的英语)

谢谢

Answer 1

除了使用“=”指定颜色而不是使用“==”检查颜色之外，颜色也被设置为 RGB 。检查这一点似乎有效；

function changeColor(id) {
  var x = document.getElementById(id);
  
  if (x.style.color != "rgb(255, 255, 255)")
    x.style.color = "#FFFFFF";
  else {
    x.style.color = "#627CA9"; // forecolor
  }

}

<div style="cursor: pointer;" onclick="changeColor('myid1'); return false;" id="myid1" class="centered">CHVRCHES</div>
<div style="cursor: pointer;" onclick="changeColor('myid2'); return false;" id="myid2" class="centered">PVRIS</div>