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

1、动态添加div

1 function cDiv(num){
2 var oDiv=document.createElement("div");
3 oDiv.className='divstyle';
4 oDiv.id=num;
5 oDiv.innerHTML=num;
6 document.body.appendChild(oDiv);
7 document.getElementById(num).className = 'divstyle'; //引用外部css
8 oDiv.onmouseout=function(){run(num);}
9 }

View Code

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

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

View Code

3、调用添加div方法

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

View Code