JS控制CSS样式的方法

(编辑：jimmy 日期: 2026/3/8 浏览：3 次 )

群里的兄弟问的效果

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
网上搜到的不错的控制css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS控制样式</title> <style type="text/css"> /*这个不要去啊。。*/ * {     font-size:12px; } </style>  我是字<hr /> <button onclick="add()">控制</button> <textarea style="width:500px;height:500px;" id="wc"> .font {     font-size:18px;     font-weight:bold;     line-height:20px;     color:#FF0000; } <"runEx('runcode95741')" type="button" value="运行代码" class="fn-butt" /> <INPUT onclick="copy2('runcode95741')" type="button" value="复制代码" class="fn-butt" /> <INPUT onclick="doSave(runcode95741)" type="button" value="保存代码" class="fn-butt" />[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]<BR></div>

</div>
           
            <strong>上一篇：</strong><a href="http://m.dyhadc.com/show/1/131120.html" title="javascript currentTarget对象介绍">javascript currentTarget对象介绍</a><Br />
            <strong>下一篇：</strong><a href="http://m.dyhadc.com/show/1/131122.html" title="javascript仿XP关机效果的弹出窗口功能">javascript仿XP关机效果的弹出窗口功能</a><br />
        </div>
    </div>
    <div class="headlines"><div class="type1"><a href="/show/1/604724.html">一句话新闻</a></div><a href="/show/1/604690.html">Windows上运行安卓你用过了吗</a></div><div class="headlines">在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。</div>
    
    <div id="copyright">
        <p>友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="http://www.ddrfans.com/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap1.xml">站点地图</a> <a href="/sitemap.xml">SiteMap</a></p>
        <p>Copyright © 2006~2024 白云城资源网 All Rights Reserved.</p>
        <p>Design by <a href="http://m.dyhadc.com/">m.dyhadc.com</a></p>
    </div>
    <div class="footbig">
        <div class="foot">
            <ul>
                <li><a href="/" class="icon1">首页</a></li>
                <li><a href="/list/1538.html" class="icon1">破解</a></li>
                <li><a href="/list/1554.html" class="icon1">音乐</a></li>
                <li><a href="/list/1557.html" class="icon1">影视</a></li>
            </ul>
        </div>
    </div>
    
</body>

</html>