Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <style> a:focus, a:active { color: red; } </style> <body> <h1>The Element Object</h1> <h2>The focus() and blur() Methods</h2> <a id="myAnchor" href="https://www.w3schools.com">Visit W3Schools.com</a> <p>Click the buttons to give or remove focus from the link above.</p> <input type="button" onclick="getfocus()" value="Get focus"> <input type="button" onclick="losefocus()" value="Lose focus"> <script> function getfocus() { document.getElementById("myAnchor").focus(); } function losefocus() { document.getElementById("myAnchor").blur(); } </script> </body> </html>
