<script language=javascript>
        var divId=1;
        //动态生成单纯的div
        function CreateOuterDiv()
        {
            var obj=document.createElement("div");
            obj.id="myDiv"+divId;
            divId++;
            obj.style.border="1px solid #000000";
            obj.style.height="30px";
            obj.style.width="200px";
            obj.style.filter="alpha(opacity=70)";           
            obj.style.margin="10px";    
            obj.style.cursor="hand";
            obj.algin="center";      
            //obj.innerHTML="<a href='#"+obj.id+"'>ssssssssss</a>";
            obj.innerText="sssssss";
           
            document.body.appendChild(obj);         
            document.getElementById(obj.id).οnclick=function(){aa();};           
        }
        function aa()
        {
            CreateOuterDiv();//alert();
        }      
    </script>

js动态生成div和事件相关推荐

  1. js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）

    js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...

  2. JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...

    主要原因:在页面给元素注册点击事件的时候[ $(function () {  XXX }); ],JS动态生成的元素还尚未生成,所以click事件就没有生效 解决方法: 方案一:js动态生成元素后再给 ...

  3. js 动态生成 input 的绑定事件 blur 无效

    ☯ 背景描述 今天在进行代码编写时,我需要根据ajax返回的数据动态生成一个表格,而针对于其中的input标签,要求设置失去焦点的blur事件 需要实现的界面截图如下: 最开始编写的 js 代码如下: ...

  4. js动态生成的DOM绑定事件失效的问题

    事件委托原理:事件冒泡机制. 优点:1. 可以大量节省内存占用,减少事件注册.比如ul 上代理所有li 的click 事件. 2. 可以实现当新增子对象时,无需再对其事件进行绑定.对动态内容部分尤为合 ...

  5. js动态生成echarts图表，并生成图片保存到本地，自定义图片名。

    目录 一.js动态生成图表 1. 效果图 2. 测试数据 3. 实现代码 二.点击下载按钮生成快照 - 图片路径 1. 效果图 2. 实现代码 三. 保存图片到本地 1. 效果图 2. 代码实现 一. ...

  6. 关于动态生成div的认识

    因为之前做了个关于仪表的小demo,用到了动态生成div的方法. 例子:一个事件触发一函数,函数的功能是在body里面生成一个DIV,并在DIV里面追加一个img标签.当然其中可以添加div和img ...

  7. JavaScript动态生成元素绑定事件时的一些问题、解决与思考

    先上结论: 在用js给动态生成的dom元素添加事件时会遇到很多坑. 坑1:使用了 queryselectorall方法获取元素,这个方法获得的是一个静态的Nodelist伪数组,这意味着之后无论你如何 ...

  8. 2）JS动态生成HTML元素的爬取

    2)JS动态生成HTML元素的爬取 import java.util.List;import org.openqa.selenium.By; import org.openqa.selenium.We ...

  9. js动态生成html表格

    刚在论坛上面逛的时候看到有人问html表格怎么动态生成,我回了一下发现有好多小伙伴追问- - 看来还是有很多人不会的啊,于是决定写个博来解救万千小伙伴于水火之中(mdzz) 首先我们要在html里面有 ...

最新文章

  1. ValueError: y_true and y_pred contain different number of classes 9, 2. Please provide the true labe
  2. 48万！百度推出全球最便宜RoboTaxi，赚钱能力2倍于人类网约车
  3. ASP.NET Core 模型验证的一个小小坑
  4. 让您的Eclipse具有千变万化的外观
  5. 【.Net Micro Framework PortingKit(补) – 1】USB驱动开发
  6. 莆田考计算机二级的学校,二级计算机考试——我的经历，我的感受！
  7. Linux 安装 OpenOffice
  8. python制作表白神器_python制作exe可执行表白神器-Go语言中文社区
  9. 斐波那契数列不用数组_兔子数列——斐波那契数列
  10. 蚂蚁Service Mesh大规模落地实践与展望
  11. mysql怎么生成可执行文件_查询mysql数据库的java程序在myeclipse上运行正常，但生成可执行文件后查询不出结果。问题出在哪儿呢？...
  12. 【渝粤教育】电大中专学前儿童社会教育作业 题库
  13. ABP框架 - 授权
  14. 闪耀光栅 (DMD) 的衍射效应
  15. python删除第一行_python学习之删除DataFrame某一行/列内容
  16. 新媒体运营之如何低成本，有效地进行企业公众号拉新，获取10万+潜在用户？ 黎想
  17. GC8418 数字光纤音频解码芯片 光纤解码芯片 CS8418替代 MS8413替代
  18. 大数据开发的前景和就业如何？该如何去学习它？
  19. FPU与VFP最全面解释
  20. MFC 基于VLC的视频播放器（三）---界面设计以及对话框接受文件的拖拽

热门文章

  1. 微信多开txt_微信仅需3步操作，就能多开登录？手把手包教包会
  2. isis协议_ISIS基础知识介绍
  3. itstime后面跟什么_一文讲透什么是引流
  4. 计算机后期剪辑专业是学什么,【答疑】学后期剪辑用什么电脑比较好？有什么电脑配置要求？ - 视频教程线上学...
  5. unity 200.8m yoy_没错，Unity双十一来了
  6. vue树形结构html,怎么在vue中利用递归组件实现一个树形控件
  7. 什么是EEG以及如何解释EEG?
  8. 清华、北邮等高校研究人员实现具有 160 个目标的基于 SSVEP 的免校准 BCI 系统...
  9. 震撼！Science：“第三手指”可增强人体功能
  10. eeglab中文教程系列(11)-使用ICA分解数据