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

时间:2017-08-07 12:00:38

标签: javascript html css image if-statement

该函数应如下:如果核心模块提供的变量的整数值大于0,则应显示图像,否则应保持隐藏状态。

构建Coremodule,如果我在*.js文件中写道: data.truck.retarderBrake(这是一个整数)。然后coremodule将返回当前的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文件中定义图像的所有属性?

1 个答案:

答案 0 :(得分:3)

您可以通过其ExpiresActive On ExpiresDefault A1 Header append Cache-Control must-revalidate 对象为该特定元素设置.htaccess属性;你可以通过querySelector找到元素(如果我假设其中只有一个),它接受任何有效的CSS选择器并返回第一个匹配:

visibility

如果有多个匹配项,请使用querySelectorAll并从生成的style中选择相关的匹配项。