JS動態建立DIV例子

<script language=javascript>
 function f_creatediv(divcnt){
  for(var i=0;i<divcnt;i++){
   var objdiv = document.createElement("DIV");
   var objname="shop_" + i
   objdiv.id = objname;
   objdiv.style.top = 100 * i + 100;
   objdiv.style.left = 100 * i + 100;
   objdiv.style.background = '#FFFF00';
   objdiv.style.visibility = 'visible';
   objdiv.style.width = 100;
   objdiv.style.height = 80;
   objdiv.style.border = "5 groove black";
   objdiv.innerHTML="SHOP_" + i;
   document.body.appendChild(objdiv);
   document.getElementById(objname).onmouseover = function()
   {
     alert(this.id);
   };
  }
 }
</script>

divcnt指建立的DIV個數