php点击按钮添加div,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.οnmοuseοut=function(){run(num);}

}

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

3、调用添加div方法

$message=array("123","456","789");

$count_json=count($message);//获取数组长度，添加相应div

for ($i = 0; $i < $count_json; $i++)

{

$meg =$message[$i];

//调用JavaScript方法，传递参数值

echo "";

}

?>

js动态添加Div

利用JavaScript动态添加Div的方式有很多,在这次开发中有用到,就搜集了一下比较常用的. 一.在一个Div前添加Div

动态添加div及对应的js、css文件

动态添加div及对应的js.css文件 在近期的项目开发中需要在首页中添加很多面板型的div,直接加载代码显得很繁琐,于是利用js封装一个动态添加div及其对应css文件和js文件的方法供大家参考使用 ...

解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="&quot ...

javascript动态添加效果

通过jQuery给&lt&semi;li&gt&semi;绑定点击事件

背景:有个需求需要js中实现li标签的事件绑定,li通过在ajax请求中动态添加,按照常理,使用jQuery,可以使用以下方法绑定点击事件: $(function(){  commonAjaxCall ...

用Javascript动态添加删除HTML元素实例 &lpar;转载&rpar;