.removeChild( Child ) - remove a child / children element
.removeChild() will remove a Child from it's Parent and takes that element out of DOM.
Parameters
Returns
Example 1
Clicking on "Remove Children" button will remove all the div children of #parent.
JS
HTML
CSS
$.domLoaded(function() { $.get("#remove").on("click", function() { //remove children var del_el = $.get("#parent").removeChild($.get("div")); $.get("#msg").html(del_el + " child elements are removed"); }); });
Result
Example 2
Clicking on "Remove Green Child" button will remove the specific green child element from #parent.
JS
HTML
CSS
$.domLoaded(function() { $.get("#remove").on("click", function() { //remove green child var del_el = $.get("#parent").removeChild($.get("#green")); $.get("#msg").html(del_el + " child elements are removed"); }); });
Result
| |||||||||||||||||