JavaScript 动态添加div 绑定点击事件

1、动态添加div

 function cDiv(num){
 var oDiv=document.createElement("div");
 oDiv.className='divstyle';
 oDiv.id=num;
 oDiv.innerHTML=num;
 document.body.appendChild(oDiv);
 document.getElementById(num).className = 'divstyle'; //引用外部css
 oDiv.onmouseout=function(){run(num);}
 }

2、在php页面中引用js文件

 <head>
 <script type="text/javascript" src="demo.js"></script>
 </head>

3、调用添加div方法

 <?php
       $message=array("123","456","789");
         $count_json=count($message);//获取数组长度，添加相应div
         for ($i = 0; $i < $count_json; $i++)
            {
                  $meg =$message[$i];
                  //调用JavaScript方法，传递参数值
              echo "<script type='text/javascript'>cDiv($meg);</script>";
            }
 ?>