Remove child div from parent div javascript
Remove child div from parent div javascript
Javascript is very helpful when you want to remove child div inside a parent div. This script can be used to remove any div all you have to do is provide the div id accordingly. The script also checks whether child node has been removed and alert some message.
<script>
function removeElement(parent, child)
{
if (document.getElementById(child)) {
var p = document.getElementById(parent);
var c = document.getElementById(child);
p.removeChild(c);
}
else
{
alert("No more child div to remove")
}
}
</script>
<div id="torque" style="border: 5px solid green; padding: 10px;background-color:green">
This is the Parent Div.
<div id="show" style="border: 3px solid blue; padding: 10px;background-color:yellow">
This is Child Div
</div>
</div>
<p> </p>
<input type="button" value="Remove Element" onClick="removeElement('torque','show')">
Incoming search terms:
- jquery input onexit (12)
- remove all element inside div using javascript (2)
- $(target) parent() parent() remove() (1)
- remove element from parent (1)
- javascript Removing Child Elements from Symbol (1)
- javascript remove child from div ie (1)
- javascript remove child elements (1)
- javascript remove all elements from div (1)
- javascript delete parent div (1)
- javascript delete all children from div (1)
- extract div from div js (1)
- div children javascript (1)
- delete parent div (1)
- delete last child div javascript (1)
- delete all elements in a div section using javascript (1)
- изменить child div javascript (1)
