js修改style内部的内容

最新推荐文章于 2023-08-22 11:32:15 发布

weixin_34397291

最新推荐文章于 2023-08-22 11:32:15 发布

阅读量782

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/laonanren/archive/2013/03/27/2984419.html

版权

第一种方法

<style type="text/css" id="theme">
    .skin{ width:60px;color:#ff0000; }
    .skin2{ width:80px;color:#008000; }
    .layout{ width: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{ width:60px;color:#ff0000; }
    .skin2{ width:80px;color:#008000; }
    .layout{ width: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 = 'width:50px;color:green';
</script>

转载于:https://www.cnblogs.com/laonanren/archive/2013/03/27/2984419.html