Javascript 用于显示/隐藏图像的If/else语句

函数应该是这样的：如果核心模块提供的变量的整数值大于0，则应显示图像，否则图像应保持隐藏

Coremodule是这样构造的，如果我在

*.js

文件中写入：

data.truck.delayterbrake

（一个整数）。然后coremodule将返回当前的

integervalue

所以我的“伪代码”看起来像这样：

if (data.truck.retarderBrake>0) {
    show.image ('images/RetarderON.png');
    } else {
    hide.image ('images/RetarderON.png');
}

.RetarderOn {
  background-image: url("images/RetarderON.png");
  position: absolute;
  left: 851px;
  top: 13px;
  width: 92px;
  height: 71px;
  visibility: hidden;
}

在我的HTML代码中，我有一个用于图像的语句：

    <div class="RetarderOn"></div>

---

我可以这样做吗？JS if语句的正确语法是什么。也许我可以在JS文件而不是CSS文件中定义图像的所有属性？

您可以通过其

样式

对象为特定元素设置

可见性

属性；您可以通过（如果我假设只有一个）找到元素，它接受任何有效的CSS选择器并返回第一个匹配：

document.querySelector(".RetarderOn").style.visibility = data.truck.retarderBrake > 0 ? "visible" : "hidden";

如果存在多个匹配项，请使用并从生成的

节点列表中选择相应的匹配项