How do you hide a DOM element using plain JavaScript?
Every element exposes a style property which you can use to alter the CSS styling properties.
You can set the display property to ‘none’ (like you would do in CSS, display: none;):
element.style.display = 'none'
To display it again, set it back to block or inline:
element.style.display = 'block'
Download my free JavaScript Beginner's Handbook, and check out my premium React/Vue/Svelte/Node/Next.js courses!
Coming soon:
