如何用js控制<span>的class属性，比如onclick=javascript:this.class='css2'

.css1{background-color:ff0000color:ff9966border:1cursor:hand}

.css2{background-color:00ff00color:ffffffborder:1cursor:hand}

</style>

<span class="css1" onclick="javascript:this.className='css2'">这是一段文字

</span>

1、方便的修改class属性：写一个统一的css文件，然后用css文件对页面做布局，则后期修改布局的时候只要修改css文件就可以了，相对来说比较灵活；

2、动态的修改class属性：可以通过js方法来动态修改class属性，修改方法如下：

<span id="sp" class="">

js:

<script type="text/javascript">

$("#sp").attr("class","xxxx")

</script>