if语句条件改变元素的样式？

Question

我有以下Javascript打算进行function，如果input有border-color: red;，如下所示：

if (input.style.borderColor = "red") {
  input.onkeydown = function () {
    input.style.borderColor = "black";
  };
};

然而，发生了什么，是if条件(input.style.borderColor = "red")实际上将border-color变为红色，我不确定它为什么会这样做。

如果有人知道为什么会这样，我很高兴知道为什么。提前致谢！

Answer 1

发生这种情况是因为在你的if语句中，它没有检查它的红色是否将它指定为红色。一个=角色分配值，两个（或三个）==或===检查它。所以你的代码应该是这样的：

if (input.style.borderColor === "red") {
  input.onkeydown = function () {
    input.style.borderColor = "black";
  };
};