下面我给大家介绍的是原生js更改CSS樣式的两种方式:
2先在CSS样式表中对特定的类如“active类”设置样式(这里的active类是假定的暂时不存在),然后再在javascript代码中通过node.classname="active"使得CSS样式表中对active類的样式设置附加到该node节点上来
下面是详细介绍,首先是html的代码:
只是一个简单的div,运行结果为
首先使用上面所说的第一种方式更改css样式写入如下的javascript代码:
然后使用上面所说的第二种方式更改css样式,写入如下的javascript代码:
总结:这两种方式结果相同但就操作过程而言,第二种方式也就是“node.classname”的方式使得css和js的写入分隔开来显然更加合理有序一些。如果css语句比较简单的话这两种方式没有差别,但若css语句比较复杂嘚话显然第二种方式比较有条不紊。
发布了0 篇原创文章 · 获赞 12 · 访问量 14万+