Dynamic <div> Tags

/*The following code generates a div in javascript dynamically and add events to it and append it to the
form of html page .*/

// call this function from form of html 
function create_div_dynamic(){

dv = document.createElement('div'); // create dynamically div tag
dv.setAttribute('id',"lyr1");       //give id to it
dv.className="top";                 // set the style classname  
//set the inner styling of the div tag 
dv.style.position="absolute";       
dv.style.pixelLeft=20;
dv.style.pixelTop=100;
dv.style.pixelWidth=10;
dv.style.pixelHeight=20;
dv.style.backgroundColor="red";
//set the html content inside the div tag
dv.innerHTML='<br> hi <br>';

// attach event onmouseclick to the created div tag 
dv.attachEvent("onmouseclick",function(){element_event_onmouseclick();}); 
//finally add the div id to ur form 
document.forms[0].appendChild(dv);

}

function element_event_onmouseclick() //its called for onmouseclick 
{ 
     	alert("Inside function onmouseclick");
   
}