JS控制CSS样式的方法_javascript技巧

群里的兄弟问的效果

<title>无标题文档</title> <style>p.p1{ background-color:#FF0000;font-size:22px;_ font-family:"方正舒体"; font-weight:100; }</style> <script language="javascript"> function remove(){ var wc = document.styleSheets[0], i; for (i = 0 ; i < wc.rules.length ; i ++) wc.removeRule(i); } </script> <p class="p2" style=" background-color:#FF0000;font-size:22px; font-family:" font-weight:100> hello,this is a example of stylesheets</p> <form> <input type="button" value="按我取消下行背景设置" onclick="remove()"> <p class="p1"> hello,this is a example of stylesheets</p> </form>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

网上搜到的不错的控制css

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS</title>