如何使用JavaScript更改复杂的CSS节点属性?

时间:2018-09-05 00:48:36

标签: javascript css

具有以下CSS代码:

NodePort

需要在运行时更改过渡持续时间,当然,请保留!important标志。

在这里阅读了许多带有代码示例的文章,但其中的任何一个都无法工作,也许是嵌套CSS类结构的b / c。

感谢小费!

2 个答案:

答案 0 :(得分:1)

使用jQuery,您可以使用.css函数更新css属性。然后,您可以在想要更改过渡时间的任何时间设置变量:

 var transitionTime = 5s;

 $('.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner'
 ).css('transition-duration', transitionTime + 's !important')

答案 1 :(得分:1)

您可以使用b,然后可以遍历nodeList

-m