Home > Javascript > Add and Remove element

Add and Remove element


We can add any element through javascript. It is so simple and easy.  Use below script to add and remove a div element.

<html>
<head>
<title>Add Element</title>
<script language=”javascript”>
this.num = 1;
function addElement(){
$top = document.getElementById(‘top’);
newId = document.createElement(‘div’);
id = ‘my’+this.num;
newId.setAttribute(‘id’, id );
newId.innerHTML = “<a href=’javascript:void(0); ‘ onclick=’removedThis( “+id +”)’ >Added Element”+id+”</a>”;
$top.appendChild(newId);
this.num++;
}
function removedThis( id ){
var d = document.getElementById(‘top’);
d.removeChild(id);
}
</script>
</head>
<body>
<input type=”button” name=”button” value=”Add Element” onclick=”addElement()” />
<div id=”top” ></div>
</body>
</html>

Advertisements
  1. generika potenzmittel
    November 14, 2010 at 11:55 pm

    Nice post! thanks !! very helpful post!
    amazing stuff thanx

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: