javascript - 如何使用 JavaScript 获取 CSS 语法？

Question

大家好，我在 CSS 中有一个 fadeIn fadeOut 过渡。我想为 animation-duration 创建一个变量，但我不知道如何获取我设置它的整个 CSS id 和类。请查看此内容，如果可行请告诉我。

这是我的 CSS，其中动画持续时间为 8 秒。

#banner img.top {
  animation-name: bannerFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  animation-direction: alternate;
}

我想用 JavaScript 做这样的事情

var duration = 4s;
document.getElementById("banner or whatever needs to be here").style.animationDuration = duration;

Answer 1

试试这个:

var duration = '4s';

document.getElementById("yourID").style.webkitAnimationDuration = duration;
// or
document.getElementById("yourID").style.animationDuration = duration;