JavaScript remove elements

As we created new elements in JavaScript yesterday, I thought I'd be a good article for today to remove some aspects from the DOM.

We simply need to get them in JavaScript using any technique to remove elements.

We want to remove a div with the ID custom_id.

const elem = document.getElementById('custom_id');
elem.remove();

And yes, that's how simple it is!

Hiding elements in JavaScript

But perhaps you only want to hide it for a brief moment? We can also modify the script to make the element invisible for a while.

const hidden = document.getElementById('hidden_id');
hidden.style.display = 'none';

And that will make your element hidden until you make it visible again.

It can be made visible by swapping the display to block/flex/inline.

const hidden = document.getElementById('hidden_id');
hidden.style.display = 'block';

Feel free to check this out on Codepen.

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter