js动态改变样式属性(className属性)
Posted 亲亲的我来了
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js动态改变样式属性(className属性)相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>className属性</title> <style type="text/css"> .myDiv{ height: 50px; width: 50px; border: 1px solid red; } .newStyle{ height: 150px; width: 150px; border: 2px solid pink; } </style> </head> <body> <div class="myDiv" id="myDiv"></div> <script type="text/javascript"> var div= document.getElementById("myDiv"); div.onclick=function(){ div.className="newStyle"; //newStyle是我们需要设置class的名称 } </script> </body> </html>
以上是关于js动态改变样式属性(className属性)的主要内容,如果未能解决你的问题,请参考以下文章