如何在类转换发生后更改innerHTML - 纯JavaScript

Question

所以我正在做一些DOM操作。即，即时添加一些表单提示。当用户输入时，小错误消息会显示并消失。问题是，在CSS转换发生之前就会发生更改HTML。

例如：

      element.previousSibling.classList.remove('active-error')
      element.previousSibling.innerHTML = ''

即使innerHTML出现之后，类也会在0.75秒之前更改为动画。

这是我的解决方案：

      element.previousSibling.classList.remove('active-error')
      setTimeout(function() {
        element.previousSibling.innerHTML = ''
      }, 1500) // This is hardcoded to match the transition time in the CSS (Is there a solution)

有没有更好的方法来编写JavaScript，所以我不必依赖于保持我的CSS和JS同步（.75s = 1500毫秒）？

我正在寻找纯JavaScript，没有jQuery。