JavaScript Tutorial For Beginners #38 - Removing Elements from the DOM

Hey guys, in the last JS tutorial I showed you how to insert new HTML elements into the DOM. In this lesson, I'll show you how to remove elements from the DOM!

We can remove elements from the DOM in JavaScript via the removeChild() method.

If you have any questions, fire away :)

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[BlueCrystalR]

Dude your vids are awesome! Clear, clean, understandable, very good image/sound quality, easy... Just perfect! I know these vids are old but i had to say it! :)

[nasiruddin]

One of the best javascript tutorial series in youtube.

[kanycz]

I need to do this but from othere side i know the child but dont know in what parent it is. Love to hear some helpfull tips.

[amirmekk]

nice videos my friend you deserve more than millions of subs

[nowyouknow]

it can't be clearer than this.
Thanks a lot!!!

[shadowofzeus]

@NetNija - I am loving your tutorials and learning all the way. I am a newbie so forgive me for me dumb question - I do not get why we would add or remove elements from JS instead of just doing it in HTML - wouldn't that be faster??

[tjmarshLoL]

Question: Could we use "Node.parentNode' instead of the longer document selector to define the parent? Thanks for video and response from anyone that can confirm my question above.

[AllenZitting]

Thanks! These videos are super helpful and clear.

[ha_nguyen_]

thank you very much, very nice <33

[namhoang]

Thanks for you because help me Addressing my problem is difficult

[prashantpanwar]

When we removed the 'subject' from 'Menu', it got replaced by one more 'course',
why is it so?

[ricardoforbes]

i want you help with element i'm trying to delete

[ahmedabdallah]

i have this to do list and i have two buttons i wanna make one of the buttons removing the children of the <ul> so basically every time i press the button delete (addEventListener method) it should remove the children

[akosv]

"Remove the child"
This gives me Alex Jones vibes

[touhidsourav]

How can I add style on that reome(). For say if I want it to be deleted with subtle animation how may I do it

[HH-yqsy]

VM1888:1 Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
at <anonymous>:1:18. I am getting that message when i try to removeChild or even to add new <li> on the top of <ul> . What am I doing wrong ?

[EmmainthePNW]

What is the benefit to doing this through Javascript instead of just removing in HTML document?

[icebuds]

how do i remove a script? cause when i do it ona script and then (re)add it its says that its already declred

[ashutoshpareek]

Var child =parent. getElementsByTagName("th") [0];
This statement gives error of parent. getElementsByTagName is not a function

[ritviksardana]

amazing content, but how to add a "href" in "a tag"??