用javascript改变divs css

Question

我可以改变一些div链接的样式.这就是我的意思

<div id="somediv"><a href="#">something</a>/div>

让我们说我有这样的CSS:

#somediv a{
color:#000;
}

现在举个例如鼠标点击任何元素的一些动作我想改变一些链接css到

#somediv a{
color:#00ffff;
}

我知道如何选择div,使用Document.get.elementById('somediv')
是否可以通过使用上述方法或任何其他方法来选择？

谢谢

DETAILS:是的我知道如何使用jquery或原型选择它..我不能使用任何这些..

Answer 1

如果您只想将样式应用于特定元素,则可以很容易地执行:

document.getElementById('whatever').style.color = '#f0f';

如果你真的想要应用级联样式(例如:) #someDiv a,那就不那么容易了(尽管它绝对可能).我建议将新类应用于某些内容,并在CSS中使用预先存在的规则.

CSS:

#someDiv a {
    color: #000;
}
#someDiv.awesome a {
    color: #f0f;
}

使用Javascript:

document.getElementById('someDiv').className = "awesome";