javascript - 为什么 javascript css 样式适用于第一种情况而不适用于第二种情况？

Question

如果输入为空或等于 0，我有一个进度条应该对输入使用react，内部进度 div 应该没有背景。对于所有其他输入，它应该是 fill。它确实适用于输入为空的情况，但是在输入输入后没有反射(reflect)任何变化。

var first = document.getElementById("first");
if (a.innerHTML == '') {
  first.style.background = "none";
} else {
  first.style.background = "#e91b23";
}

.progress_bars_vertical_holder {
  display: inline-block;
  width: 100%;
  position: relative;
}
.progress_bars_vertical {
  display: inline-block;
  position: relative;
  float: left;
  margin: 0px 2% 0px 0px;
}
.progress_bars_vertical:last-child {
  margin: 0px;
}
.progress_bars_vertical .progress_content_outer {
  height: 200px;
  position: relative;
}

<input id="a" onkeypress="return tisNumberKey(event)" type="text" style="height: 250px; margin-top: 10px; width: 75%; text-align: center; font-size: 100px;" type="text" data-in="" />
<div class="progress_bars_vertical_holder vertical">
  <div class="progress_bars_vertical background_color" style="width: 99.7%;">
    <div class="progress_content_outer">
      <div data-percentage="30" id="first" class="progress_content" style="height: 50%; background-color: rgb(22, 146, 159);"></div>
    </div>
  </div>
</div>

http://codepen.io/georgiemathews/pen/mJGBOV

Answer 1

应该是:

  first.style.background = "#e91b23";
                            ^---

# 将该字符串标记为十六进制值。否则它只是被视为一些随机垃圾。