Last updated on May 12th, 2016 at 11:49 am

Javascript Add remove child element

Here i will explain how to add and remove child nodes in a webpage using simple javascript and DOM [Document Object Model] elements.

<script language="JavaScript">
function function2() {

//any text can be given

var m = "New Child";
var n = document.createElement("li");
function function1() {
<ul id="addelement">
<li>First list element</li>
<li>Second list element</li>
<input type="button" value="Add Me" onClick="function2();"/>
<input type="button" value="Remove Me" onClick="function1();"/>

Here function2() clearly says that i am adding an HTML element, then creaating a text named “New Child”

And function1() shows how to remove the child created inside add element id.

Leave a Reply

Your email address will not be published. Required fields are marked *