If/else语句显示/隐藏图像

该函数应该如下所示：如果核心模块提供的变量的整数值大于0，则应显示图像，否则应保持隐藏状态。If/else语句显示/隐藏图像

Coremodule是如此构建的，如果我在我的*.js文件中写入： data.truck.retarderBrake（它是一个整数）。然后核心模块将返回当前的integervalue。

所以我的“伪代码”将会是这个样子：

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

在我的HTML代码，我对图像的语句：

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

和CSS是这样的：

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

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

来源

2017-08-07 Michael Christiansen

您可以通过其style对象为该特定元素设置visibility属性;您可以通过querySelector找到元素（如果我只承担有其中之一），它接受任何有效的CSS选择器和返回的第一个匹配：

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

如果有多个匹配，使用querySelectorAll并选择相关的一个从得到的NodeList。

来源

2017-08-07 12:03:42

If/else语句显示/隐藏图像

回答

相关问题