js 动态插入dom怎么添加动画

可以通过添加 CSS 类来实现动画效果。首先，在 CSS 中定义需要的动画效果，例如使用 @keyframes 规则定义一个名为 "fade-in" 的动画：

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

然后，在 JavaScript 中，创建一个新的元素，并为它添加需要的 CSS 类：

const newElement = document.createElement('div');
newElement.classList.add('fade-in');

此时，新元素将具有 "fade-in" 类的样式，可以让它以动画的形式出现在页面上。需要注意的是，"fade-in" 类在 CSS 中定义了动画效果，因此在添加类时动画效果就会自动生效。