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

时间：2023-03-09 06:39:13
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>";

            }

 ?>

相关文章