| 1: | Fundamentals |
| 2: | HTML and CSS |
| 3: | Tools |
| 4: | Deployment |
| 5: | JavaScript |
| 6: | More JavaScript |
| 7: | TypeScript |
| 8: | Python |
| 9: | More Python |
| 10: | PHP |
| 11: | More CSS |
| 12: | DOM and Events |
| 13: | Networking |
| 14: | Browser API |
| 15: | Server Runtimes |
| 16: | HTTP Servers |
| 17: | Forms |
| 18: | Databases |
| 19: | Libraries and frameworks |
| 20: | Docker |
| 21: | Go |
| 22: | C |
| 23: | Linux |
| 24: | Swift |
| 25: | Electronics |
| 26: | Misc |
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'
Want to master TypeScript? Check out my TypeScript Masterclass
Join my AI Workshop !
The Web Development BOOTCAMP cohort starts in February 2026