javascript - 用javascript更改div CSS

我可以更改某些div链接的样式吗？这就是我的意思

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

可以说我有这样的css:

#somediv a{
color:#000;
}

现在，例如，在某些操作(例如，鼠标单击任何元素)上，我想将somediv更改为链接css

#somediv a{
color:#00ffff;
}

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

谢谢

详细信息:是的，我知道如何使用jquery或prototype选择它。我不能使用其中任何一个。

最佳答案

如果您只想将样式应用于特定元素，则很容易做到:

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