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

Question

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

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";
  };
};