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
复制代码

 

posted @   小十八  阅读(5231)  评论(0)  编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示