TAG
CSS
JavaScript
Result
Run
License
<button type="button" id="btn">Toggle</button> <div id="popover" popover> <p>I am popover contents.</p> </div>
label { border: 1px solid #ccc; padding-inline: 20px; border-radius: 3px; background: #eaeaea; }
window.addEventListener("load", () => { const $elBtn = document.getElementById("btn"); $elBtn.popoverTargetAction ="toggle"; $elBtn.popoverTargetElement =document.getElementById("popover"); });
Console
expand_less
License
License
by DevDic
Close