通过if语句Javascript更改div的文本

Question

我不熟悉javascript，我想在变量为1或0时向div添加文本。我不确定是否需要函数。我试着这样做：          

var alertt = document.getElementById('Alert');

if(:="OUT_MachineActive": == 1) // Value that gives 1 or 0 
{
    alertt.style.backgroundColor = 'green';
    alertt.firstChild.data = "NO ERROR";
}
if(:="OUT_MachineActive": == 0)
{
    alertt.style.backgroundColor = 'red';
    alertt.firstChild.data = "ERROR!!! Shredder1 is off!";
}


</script>

它正在工作，但文字，我想要文本＆＃34; Shredder1已关闭！＆＃34;在第二行。像这样： 错误!!!!
Shredder1已关闭！

我已尝试过类似的内容：

  alertt.firstChild.data = "ERROR!!!" + <br /> + "Shredder1 is off!";

但那不起作用。

Answer 1

您可以使用jQuery并执行此操作。

＆＃13;

＆＃13;

var error = 1;
$showErr = $('#show-error');
if (error === 0) {
  $showErr.css('background-color', 'green');
  $showErr.html('No Error!');
} else {
  $showErr.css('background-color', 'red');
  $showErr.html('Error!<br>Some Text');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show-error">
</div>

＆＃13;

＆＃13;

＆＃13;

虽然使用jQuery是可选的，但它会使您的开发变得更容易。

换行符在这里工作，因为我将它作为html字符串传递并插入到DOM中。

Answer 2

var error = 1;
$showErr = $('#show-error');
if (error === 0) {
  $showErr.css('background-color', 'green');
  $showErr.html('No Error!');
} else {
  $showErr.css('background-color', 'red');
  $showErr.html('Error!<br>Some Text');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show-error">
</div>