js:如何判断一个层的属性,并改变它的属性

例如有一个DIV，他的 class是fix
<style>
.fix{color:red;}
.top10{color:green;}
</style>
<div id="div1" class="fix"></div>

更改它的class为top10
document.getElementById('div1').className = 'top10';

这个div的样式就变了