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

代码如下
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)才成功调用

时间: 2024-11-11 03:05:17

动态创建的表格单元格中的事件实现代码_javascript技巧的相关文章

js生成动态表格并为每个单元格添加单击事件的方法_javascript技巧

html: 复制代码 代码如下: <html> <head> <title>Demo</title> </head> <body> <label style="font-size:20px;width:600px;" >动态表格:</label><br/> <table border="1"> <tbody id="table&qu

js实现双击单元格变成文本输入框效果代码_javascript技巧

dblclick                                      

Word中文字在表格单元格中无法显示

  1.固定的行高不够,显示文本的高度超出设置值.首先选中单元格,然后在"表格"→"表格属性"中,然后切换到"行",在中选择"行高值是",然后选择"最小值". 2.单元格的缩进量不对.如果是这种情况,可以选中该单元格,然后选择"格式"→"段落",然后切换到"缩进和间距",然后重新设置缩进量.

Excel单元格中正确显示身份证号的技巧

对于超过12位的数字(包括12位),Excel会自动以科学记数法显示,看起来不舒服.当我们要把带有身份证号的Word表格复制到Excel中去,就会遇到这种情况.那么,应该怎样保持身份证号的原貌呢? 一.正确的复制步骤 1.启动Excel,根据Word表格的行列数选择要要复制到的区域(如果对数据格式无要求,也可以全选整个工作表). 2.在选择区域上单击右键,选择"设置单元格格式"命令. 3.在"设置单元格格式"对话框的"数字"选项卡中选择"

HTML Table 空白单元格补全的简单实现_javascript技巧

在最初自学 Web 开发的时候,那时没有所谓的 DIV/CSS 布局,一概 Table 布局的天下.当时有个问题就来了,如何补全宫格空白的单元格呢?--这是我在弄公司产品页头痛的问题.因为我不是学程序出身的,碰到这稍带算法的问题,就束手无策了,呵呵.顺带说说,记得分页的算法还折腾了我一下呢. 所谓宫格,就是说表格,3 行x 4 列 = 共12 单元格.如果只有 10 个产品,就只能填充表格 10 个单元格,其余的为空白.虽然空白,但也要渲染 <td></td> 元素,不然 tabl

javascript中的事件代理初探_javascript技巧

事件在javascript中一直是最强大的对象之一.javascript提供了addEventListener和attachEvent两个方法来为DOM节点绑定事件,jquery作了进一步封装,提供了兼容各个浏览器的bind方法.现在来看,这种传统的事件绑定方式存在着以下不足: 1.可能需要绑定很多的EventHander. 假如页面中某个表有100行,现在必须为每一行绑定一个click事件.那么就必须绑定100个EventHandler,这对页面性能来说有着极大的负担,因为需要创建更多的内存来

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码_javascript技巧

像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时: 选择时: 代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三级联动测试</titl

javascript事件捕获机制【深入分析IE和DOM中的事件模型】_javascript技巧

本文实例分析了javascript事件捕获机制.分享给大家供大家参考,具体如下: 1.什么是事件冒泡? 在排序算法中,我们学过冒泡排序法,所谓冒泡就是让底层的东西浮出水面,对于事件冒泡也同样是如此, 下面我们来看一个例子来说明什么是事件冒泡. <div> <button>测试</button> </div> <script> $("div").bind("click",function(){alert(&q

Js动态设置rem来实现移动端字体的自适应代码_javascript技巧

下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应,以此做个记录,方便以后需要,感兴趣的朋友一起看看吧. 具体代码如下所示: //设置根元素字体 var win = window, doc = document; function setFontSize() { var winWidth = $(window).width(); //750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小 var size = (winWidth / 750) * 100; do