Bootstrap 5 Alerts JavaScript Behavior Methods

Bootstrap 5 Alerts methods that are used to control the visibility of the alert component. For example, these methods can be used to close or dispose of an alert component. It is useful for displaying popup messages or user action notifications on a webpage.

Bootstrap 5 Alerts Methods

• close(): It is used to close and hide the alert by removing it from the DOM.
• dispose(): It is used to destroy the element as a Bootstrap 5 alert element.
• getInstance(): It is a static method that is used to get the alert element associated with the DOM.
• getOrCreateInstance(): It is a static method that is used to get the alert element associated with the DOM or create a new one if it is not present.

Syntax:

alertElement.alert_method()

Example 1: In this example, we will close an alert component using the "close" method given by the Bootstrap 5 alert object.

Output:

Example 2: In this example, we will dispose of the alert element using the "dispose" method given by the Bootstrap 5 alert object. Once we dispose of an alert element, we cannot use any methods given by the Bootstrap 5 alert object as it gets destroyed in the DOM.

Output:

Reference: https://getbootstrap.com/docs/5.0/components/alerts/#methods