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綁定點擊事件傳值