js动态往表格的td中添加图片并注册事件


Posted in Javascript onJune 12, 2014

这回的小case如题,额外还有一个,当点击图片时响应事件。代码如下:

<script type="text/javascript"> 
function onloadEvent(){ 
var _td = document.getElementById("a1"); 
var _img = document.createElement("img"); 
_img.setAttribute("id", "floatImage"); 
_img.setAttribute("src", "icon.png"); 
_img.setAttribute("onclick", "clickImage()"); 
_img.onclick = function(){ //点击时响应事件 
alert("点击"); 
//window.location = "http://baidu.com"; 跳转url 
}; 
_td.appendChild(_img); 
} 
</script>

在body中的onload事件调用上面这个函数就可以了。
Javascript 相关文章推荐
Javascript中的Split使用方法与技巧
Mar 09 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 #Javascript
js获取当前页面的url网址信息
Jun 12 #Javascript
jquery 3D 标签云示例代码
Jun 12 #Javascript
javascript面向对象特性代码实例
Jun 12 #Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 #Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 #Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 #Javascript
You might like
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
PHP用反撇号执行外部命令
2015/04/14 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
2014/08/21 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
Python中异常重试的解决方案详解
2017/05/05 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
什么是makefile? 如何编写makefile?
2012/08/08 面试题
AJAX应用和传统Web应用有什么不同
2013/08/24 面试题
外贸业务员求职信范文
2013/12/12 职场文书
初中体育教学反思
2014/01/14 职场文书
2014年大学生自我评价
2014/01/19 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
租房协议书怎么写
2014/04/10 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
财务部绩效考核方案
2014/05/04 职场文书
植物生产学专业求职信
2014/08/08 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
员工加薪申请报告
2015/05/15 职场文书
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis