你的位置:首页 > Java教程

[Java教程]javascript操作class和style样式


 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 .fontSize22 8 { 9   font-size:22px;10 }11 .fontWeight12 {13   font-weight:bold;14 }15 </style>16 </head>17 18 <body>19 <div id="div1" class="fontSize22 fontWeight" style="color:red">div实例文本</div>20 <button onclick="changeStyle()">changeStyle()</button>21 <script>22 function changeStyle()23 {24   var div1 = document.getElementById("div1");25   //div1.className = "fontSize22";26   //div1.className += " fontWeight";27   //删除单个样式28   //div1.className = div1.className.replace(/fontSize22/,"");29   //删除所有样式30   //div1.removeAttribute("class");31   //删除中的单个样式32   div1.style.cssText = div1.style.cssText.replace(/red/,"blue");33   //删除中的所有样式34   //div1.style.cssText = "";35 }36 </script>37 </body>38 </html>