JavaScript操作class和style样式代码详解
废话不多说了,直接给大家贴js代码了,具体代码如下所示:
<!doctypehtml> <html> <head> <metacharset="utf-"> <title>无标题文档</title> <style> .fontSize { font-size:px; } .fontWeight { font-weight:bold; } </style> </head> <body> <divid="div"class="fontSizefontWeight"style="color:red">div实例文本</div> <buttononclick="changeStyle()">changeStyle()</button> <script> functionchangeStyle() { vardiv=document.getElementById("div"); //div.className="fontSize"; //div.className+="fontWeight"; //删除单个class=""样式 //div.className=div.className.replace(/fontSize/,""); //删除所有class=""样式 //div.removeAttribute("class"); //删除style=""中的单个样式 div.style.cssText=div.style.cssText.replace(/red/,"blue"); //删除style=""中的所有样式 //div.style.cssText=""; } </script> </body> </html>
以上内容是针对JavaScript操作class和style样式代码详解的全部内容,希望对大家有所帮助。