在Javascript中触发CSS转换

当出现错误时，我想在Javascript（不使用框架）中触发CSS转换（淡入消息）。我在div中添加了一个trigger类，但当错误弹出时，它不会消失。有没有办法解决这个问题

HTML文件：

<div id="errorID" class="errorMessage">
    <strong>Error!</strong> Something went wrong.
</div>

CSS文件：

.errorMessage{
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
 }

.errorMessage.errorTrigger{
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 1;
}

---

-webkit transition

是基于webkit的浏览器（很久以前）在测试其

transition

的实现时使用的一个实验性属性

它不应该在生产中使用，也没有现代浏览器支持它

---

使用real

transition

属性。

正如@Bhuwan所说，我在

文档中有一个输入错误。getElementById

谢谢你的建议，从现在起我将使用它。有一个输入错误

getElementsById

应该是

getElementById

@Bhuwan谢谢你救了我的命！我没看到那个打字错误。

.errorMessage{
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
 }

.errorMessage.errorTrigger{
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 1;
}