js修改style内部的内容

第一种方法

<style type="text/css" id="theme">
    .skin{ 60px;color:#ff0000; }
    .skin2{ 80px;color:#008000; }
    .layout{ 260;height:40px;color:#fff; }
</style>
<div id="test" class="skin">test skin</div>
<script type="text/javascript">
var test = document.getElementById('test');
test.className = 'skin2';
</script>

第二种方法

<style type="text/css" id="theme">
    .skin{ 60px;color:#ff0000; }
    .skin2{ 80px;color:#008000; }
    .layout{ 260;height:40px;color:#fff; }
</style>
<div id="test" class="skin">test skin</div>
<script type="text/javascript">
var test = document.getElementById('test');
test.style.cssText = '50px;color:green';
</script>