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


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 相关文章推荐
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
Aug 24 Javascript
不能不知道的10个angularjs英文学习网站
Mar 23 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
JavaScript之underscore_动力节点Java学院整理
Jul 03 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
vue-router的HTML5 History 模式设置
Sep 08 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
vue通过过滤器实现数据格式化
Jul 20 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
破解图片防盗链的代码(asp/php)测试通过
2010/07/02 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
Laravel 队列使用的实现
2019/01/08 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
大家未必知道的Js技巧收藏
2008/04/07 Javascript
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
python实现从字典中删除元素的方法
2015/05/04 Python
python开发之文件操作用法实例
2015/11/13 Python
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
python实现读Excel写入.txt的方法
2018/04/29 Python
flask入门之表单的实现
2018/07/18 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
艺术设计专业毕业生推荐信
2014/07/08 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
2016国庆促销广告语
2016/01/28 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
React列表栏及购物车组件使用详解
2021/06/28 Javascript