xxxxxxxxxx1
<button id="butId">2
click3
</button>4
5
<div class="toast text-white" id="placement-example-toast">6
<div class="toast-header text-white">7
<strong class="me-auto">MDBootstrap</strong>8
<small>11 mins ago</small>9
<button type="button" class="btn-close btn-close-white" data-mdb-dismiss="toast" aria-label="Close"></button>10
</div>11
<div class="toast-body" id="toast_body">Toast position</div>12
</div>13
1
1
xxxxxxxxxx1
document.getElementById('butId').addEventListener('click', function() {2
const instanced = mdb.Toast.getInstance(document.getElementById('placement-example-toast'));3
instanced.update({ position: 'bottom-center', animation: true, offset: 200, delay: 50000000, color: "warning"});4
instanced.show();5
}) Console errors: 0