JavaScript onClick更改css

这可能真的很简单，我知道你可以通过javascript改变css属性

document.getElementById('bob').style.background='#000000';

但我最近发现，你可以用不同的方式做很多事情，比如这样

document.getElementById('bob').css='background:#ffffff; color: #000000;';

---

问题是我忘记了代码是什么，所以我基本上想要实现的是什么而不是“.css”？有人知道我需要的代码吗？

看看这把小提琴：

---

我所要做的就是更改元素的

style

属性，这就是您想要完成的吗？

我猜您正在从

style

中查找

.cssText

属性

document.getElementById('bob').style.cssText = 'background:#ffffff; color: #000000;';

---

示例：

我想你要找的是。由于这种方式，您不需要硬编码JavaScript本身的所有样式更改（这很糟糕）

因此，您将有一个类似的CSS类：

.myClass {
    background: #ffffff;
    color: #000000;
}

您将按如下方式设置元素：

document.getElementById("MyElement").className += " myClass";

---

不：（grrrr，应该写下来是的，我知道你可以这样做，但我想我需要.cssText来做我想做的事，但无论如何谢谢你：就我所知，是的！但我不知道IE6及以下或FF<3。

document.getElementById("MyElement").className += " myClass";

document.getElementById('bob').style.cssText = 
    'background:#ffffff; color: #000000;';