javascript - 如何在显示后消失警报 div

Question

您好，我有一个如下所示的警报 div，

<div style="width: 12%;" ng-if="final_data.status =='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak>
        <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;confirmed</div>

状态确认后会弹出div。如何在显示后自动隐藏 div？伙计们有什么想法吗？

Answer 1

您可以使用 javascript 将其删除:

setTimeout(function(){
    var elements = document.getElementsByClassName('alert');
    while(elements.length > 0){
        elements[0].parentNode.removeChild(elements[0]);
    }
},500);