如何用js控制的class属性

<style>
.css1{background-color:ff0000;color:ff9966;border:1;cursor:hand;}
.css2{background-color:00ff00;color:ffffff;border:1;cursor:hand;}
</style>
<span class="css1" onclick="javascript:this.className='css2'" >这是一段文字
</span>