在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。
修改样式表的类名。
修改嵌入式的css。
修改样式表的类名。
文件,从而改变元素的css
下面是一段HTML代码和css代码用来解释上面方法的区别的。
CSS
.style2{margin:10px auto ;background-color:gray; display:block;color:black; border:1px solid white; padding:10px 25px; font-size:18px; }
.style2:hover{ background-color:black; color:White; cursor:pointer}