1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <styl ...
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>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:javascript操作class和style样式
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。