devxlogo

Dynamic <div> Tags

Dynamic <div> Tags

Use JavaScript to make a

tag dynamically and then adds code to handle the onmouseclick event to it.”:

/*The following code generates a div in javascript dynamically and add events to it and append it to theform of html page .*/// call this function from form of html function create_div_dynamic(){dv = document.createElement('div'); // create dynamically div tagdv.setAttribute('id',"lyr1");       //give id to itdv.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 tagdv.innerHTML='
hi
';// 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"); }
See also  Monetize TikTok For Your Business
devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist