编程 Javascript

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

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 相关文章推荐

js word表格动态添加代码

Jun 07 Javascript

JavaScript模拟实现键盘打字效果

Jun 29 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

jQuery中选择器的基础使用教程

May 23 Javascript

javascript实现任务栏消息提示的简单实例

May 31 Javascript

无缝滚动的简单实现代码(推荐)

Jun 07 Javascript

VUEJS实战之构建基础并渲染出列表（1）

Jun 13 Javascript

javascript中获取class的简单实现

Jul 12 Javascript

完美实现八种js焦点轮播图（上篇）

Jul 18 Javascript

JavaScript学习笔记整理_关于表达式和语句

Sep 19 Javascript

JavaScript 继承详解（五）

Oct 11 Javascript

Vue为什么要谨慎使用$attrs与$listeners

Aug 27 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程序--记数器

2006/10/09 PHP

文件上传程序的全部源码

2006/10/09 PHP

PHP实现随机发放扑克牌

2020/04/21 PHP

JQuery.ajax传递中文参数的解决方法推荐

2011/03/28 Javascript

jQuery 中使用JSON的实现代码

2011/12/01 Javascript

JavaScript与DOM组合动态创建表格实例

2012/12/23 Javascript

javascript数字时钟示例分享

2014/04/23 Javascript

jQuery中用dom操作替代正则表达式

2014/12/29 Javascript

手机开发必备技巧：javascript及CSS功能代码分享

2015/05/25 Javascript

javascript父子页面通讯实例详解

2015/07/17 Javascript

Javascript中作用域的详细介绍

2016/10/06 Javascript

JS异步加载的三种实现方式

2017/03/16 Javascript

jquery仿微信聊天界面

2017/05/06 jQuery

详解angular中的作用域及继承

2017/05/31 Javascript

Vue使用vue-cli创建项目

2017/09/01 Javascript

微信小程序按钮去除边框线分享页面功能

2018/08/27 Javascript

快速解决layui弹窗按enter键不停弹窗的问题

2019/09/18 Javascript

es6数组之扩展运算符操作实例分析

2020/04/25 Javascript

el-table树形表格表单验证(列表生成序号)

2020/05/31 Javascript

JS pushlet XMLAdapter适配器用法案例解析

2020/10/16 Javascript

Python实现将xml导入至excel

2015/11/20 Python

分享python数据统计的一些小技巧

2016/07/21 Python

Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码

2018/09/14 Python

python pandas cumsum求累计次数的用法

2019/07/29 Python

ubuntu上安装python的实例方法

2019/09/30 Python

基于python3监控服务器状态进行邮件报警

2019/10/19 Python

python base64库给用户名或密码加密的流程

2020/01/02 Python

Pytorch使用MNIST数据集实现基础GAN和DCGAN详解

2020/01/10 Python

Crocs卡骆驰洞洞鞋日本官方网站：Crocs日本

2016/08/25 全球购物

Clarks其乐鞋荷兰官网：Clarks荷兰

2019/07/05 全球购物

基于Python 函数和方法的区别说明

2021/03/24 Python

【魔兽争霸3重制版】原版画面与淬火MOD画面对比

2021/03/26 魔兽争霸

蔬菜基地的创业计划书

2014/01/06 职场文书

舞蹈兴趣小组活动总结

2014/07/07 职场文书

公司周年庆典标语

2014/10/07 职场文书

学生违反校规检讨书

2014/10/28 职场文书