如何在CSS中动态更改动画名称

@keyframes animation1 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes animation2 {
  0% { transform: scale(1); }
  100% { transform: scale(2); }
}

<div id="myElement">Hello, World!</div>

var element = document.getElementById("myElement");

// 动态更改类名
function changeAnimation(animationName) {
  element.style.animationName = animationName;
}

// 示例调用
changeAnimation("animation1");