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

本文转载自查看原文 2015-11-05 13:16 1968 JavaScript

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

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jquery为动态添加元素绑定点击事件【前端】vue2.x 配合 bootstrapTable 动态添加元素和绑定点击事件，事件无效解决标签绑定点击事件 VUE3（二十八）页面加载完成后，使用onclick为动态添加的dom元素绑定点击事件给多个div绑定点击事件，切换显示/隐藏chirdren元素。2种方式。 onclick绑定点击事件不触发 react绑定点击事件无效 vue组件绑定点击事件在radio中绑定点击事件 html绑定点击事件传值