如何重置CSS播放后的过渡效果

.transition-element {
  transition-property: width;
  transition-duration: 1s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.reset-transition {
  transition-property: none;
  transition-duration: initial;
  transition-timing-function: initial;
  transition-delay: initial;
}

<div class="transition-element">示例元素</div>

// 获取元素
var element = document.querySelector('.transition-element');

// 移除过渡类
element.classList.remove('transition-element');

// 添加重置过渡类
element.classList.add('reset-transition');

// 重新应用样式
// element.style.width = '200px';
// 添加新的样式类
// element.classList.add('new-styles');