Question

我正在尝试在Javascript中创建一个if ... else if语句，它将根据特定的数字更改特定CSS ID的样式。 if ... else if ... else代码不是问题，它只是作为一个Javascript新手（轻描淡写......）我不知道在哪里添加CSS代码来执行它。根据我的理解，我会把它放在我下面指定为“CSS CODE”的区域（对于编码不良的代码而感到抱歉）。

if (Number == 9) {CSS CODE} else if (Number == 8) {CSS CODE}

我在这里查看了另一个问题，为实现此目的而提供的代码如下所示。

var element = document.getElementById("ElementID");  
element.style.backgroundColor = "#fff";

当我将var放在顶部并且在CSS CODE部分中放置了element.style.etc时，它无法正常工作。

作为附注，我需要将所有样式包含在脚本中，因此向其添加新类将不起作用。沿着同样的思路，我不能使用jQuery来实现这一点，或者我已经有了：）

Answer 1

这不起作用？

    var element = document.getElementById("ElementID");
    var Number = 8;
    if (Number == 9) {
        element.style.backgroundColor = "#fff";
    } else if (Number == 8) {
        element.style.backgroundColor = "#000";
    }

Answer 2

var element = document.getElementById("ElementID");
var Number = 1;

switch(Number)
{
case 1:
  element.style.backgroundColor = "#fff";
  break;
case 2:
  element.style.backgroundColor = "#000";
  break;
default:
  element.style.backgroundColor = "#FAB";
  break;
}

如何在if ... else if ... else Javascript语句中添加CSS代码

2 个答案: