Javascript 如何将CSS转换应用于必须销毁和重新创建的同一对象？

假设我有一个

，由于某些原因，它每隔5秒在一个随机位置被销毁并重新创建

通常，我们可以使用

.getElementsByClassName（…）

或任何东西来选择

并更改位置属性以移动框。当我们应用

转换时：所有2对于类，长方体具有平滑移动的动画，神奇地

然而，在我的例子中，由于一些奇怪的原因，我们必须先销毁
，然后重新创建。现在，
transition:all 2s不起作用，因为它没有引用同一个对象

我应该怎么做才能让CSS知道这个盒子和之前销毁的盒子是一样的，这样转换就可以正确地应用了


注意：


元素最多可以是
n
元素，因此单独分配ID不是一个好主意。也许，我错了
请不要用jQuery


代码


...

.foo{
过渡：all 2s；/*我知道，使用'all'并不是一个好主意*/
}
您需要javascript或jquery，因为一旦重新创建元素，它就应该在HTML DOM中注册。您必须告诉dom，嘿，我添加了一个新元素，dom将完成剩余的工作。它将应用changes@SachinVishwakarmaJS很好，只要它是普通的，不涉及jQuery。它将是简单的普通脚本，你能告诉我你是如何重新生成DIV的吗？@SachinVishwakarma事实上，我在使用传单，但我简化了，以便将来其他人可以参考。现在，我在做类似的事情。（很抱歉，因为使用pastebin格式会更好）很抱歉，我不知道传单，如果您能提供传单库的链接，可能会对我有所帮助。