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

我试图在Javascript中创建一个if…else if…else语句，该语句将根据特定的数字更改特定CSS ID的样式。if…else if…else代码不是问题所在，只是作为Javascript新手（简单地说…），我不确定在哪里添加CSS代码来执行它。据我所知，我会把它放在下面我指定为“CSS代码”的区域（很抱歉代码格式不好）

我在这里看了另一个问题，下面是实现这一点的代码

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

当我将var放在顶部，并将element.style.etc放在CSS代码部分时，它无法正常工作

作为旁注，我需要所有的样式都包含在脚本中，所以向脚本中添加一个新类是行不通的。按照同样的思路，我不能使用jQuery来处理这些问题，否则我已经：）

这不起作用了

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

---

您描述的在顶部查找元素，然后在if子句中设置element.style的方法应该有效。当你说它“工作不正常”时发生了什么？定义“工作不正常”。除非你不说什么，否则它一定有用！很重要。你说的“当我把变量放在顶部，把元素.样式等放在上面”是什么意思。你是否将javascript代码放入css文件中？我知道这是一种伪代码，但是

Number

是一个全局函数/构造函数，可能不应该用作变量名。对不起，我应该澄清一下。我所说的“无法正常工作”是指我指定的元素的背景色不会改变。我开始测试if…else if…else语句，让它显示特定的文本，所以我知道该部分工作正常。下面提供的代码Floyd Pink本质上就是我的代码。至于使用Number作为函数名，我实际上使用了一些不同的东西，但只是将其用于示例。这就是我最初设置它的方式。您正在测试什么浏览器？它在所有浏览器中都失败了还是只有一个？您确定“ElementID”是正确的ID并且在文档中是唯一的吗？是否启用了Javascript？你试过在Firebug中单步执行代码吗？它会抛出Javascript错误吗？目前给出的代码看起来不错，所以我不知道还有什么建议。

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

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;
}