当我删除新创建的元素类时，CSS3过渡不起作用

Question

我所做的：

1. 创建一个元素，该样式包含CSS3转换。
2. 向其添加一个类（此类的样式包含background-color属性）。
3. 添加innerHTML。
4. 删除课程。

当我删除课程时就像

element.classList.remove('classname')

没有转换，但是当我设置0s延迟超时时，它可以工作：

setTimeout(function() { element.classList.remove('classname'); }, 0);

为什么？ 如何避免使用setTimeout函数或使用它是否正常？

示例： http ： //jsfiddle.net/JHevJ/1/

Answer 1

因为您在屏幕计算重新绘制元素之前删除了类。 你在它首先显示为该类之前将其删除，因此它不认为动画是必要的。

超时使得它“等待”0毫秒然后删除该类，这使得它首先显示具有类的元素，“等待”0时间然后删除该类。