|
.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
| |||||||||||||||||
