动态创建的表格单元格中的事件实现代码


Posted in Javascript onDecember 30, 2008

代码如下
var tableElem = document.getElementById("MyTable");
var tbodyElem = tableElem.getElementsByTagName("tbody")[0];
var trElem = document.createElement("tr");
var td1 = document.createElement("td");
td1.onclick = "EditCell()";

td1.width = "45%";
td1.innerText = " ";
trElem.appendChild(td1);
tbodyElem.appendChild(trElem);
alert(tbodyElem.innerHTML);

这段代码动态创建一个tr和td,并在td中设置了一个onclick事件,但是事实却是当点击td时,并没有出发点击时间调用EditCell函数。后来吧td1.onclick = "EditCell()";改成td1.attachEvent("onclick",EditCell)才成功调用

Javascript 相关文章推荐
jQuery的一些特性和用法整理小结
Jan 13 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 Javascript
前端程序员必须知道的高性能Javascript知识
Aug 24 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
很棒的vue弹窗组件
May 24 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
layui数据表格跨行自动合并的例子
Sep 02 Javascript
详解Vue 单文件组件的三种写法
Feb 19 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 Javascript
javascript FormatNumber函数实现方法
Dec 30 #Javascript
js 图片轮播(5张图片)
Dec 30 #Javascript
走出JavaScript初学困境—js初学
Dec 29 #Javascript
ExtJS 简介 让你知道extjs是什么
Dec 29 #Javascript
不用写JS也能使用EXTJS视频演示
Dec 29 #Javascript
My Desktop :) 桌面式代码
Dec 29 #Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 #Javascript
You might like
PHP计划任务、定时执行任务的实现代码
2011/04/23 PHP
php define的第二个参数使用方法
2013/11/04 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
Yii2使用表单上传文件的实例代码
2017/08/03 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
你必须知道的Javascript知识点之"字面量和对应类型"说明介绍
2013/04/23 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
python使用多线程不断刷新网页的方法
2015/03/31 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
python实现大学人员管理系统
2019/10/25 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
python字典按照value排序方法
2020/12/28 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
毕业生医学检验求职信
2013/10/16 职场文书
供应链金融服务方案
2014/05/25 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
2015年清明节活动总结
2015/02/09 职场文书
会议简讯范文
2015/07/20 职场文书