动态创建的表格单元格中的事件实现代码
更新时间：2008年12月30日 21:01:24 作者：
好久没有搞网页了，今天重新弄了一个 ，做个动态表格，具体的实现代码，大家可以自己写吧
代码如下
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)才成功调用
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面向对象特性代码实例,包括类、静态成员、对象、重载,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了JS求解两数之和算法,结合实例形式详细分析了JS求解两数之和算法相关原理、实现方法与操作注意事项,需要的朋友可以参考下2020-04-04
最近小编做项目遇到这样的需求，要求实现一个全屏滚动的效果，在网上找了实例代码，但是不是很完美，小编又结合自己的知识给大家补充下，对微信小程序全屏滚动效果的实例代码感兴趣的朋友参考下本文吧2018-11-11
这篇文章主要介绍了JS实现字符串中去除指定子字符串方法,结合实例形式分析了javascript使用字符串替换与分割、聚合两种子字符串去除相关操作技巧,需要的朋友可以参考下2018-05-05
实现连缀调用的map方法(prototype),需要学习的朋友可以参考下。2009-08-08
如果我们有一份过去时间戳，如何使用JS/HTML将时间戳转换为“xx天前”的形式呢？很多朋友都觉得解决办法有点困难，其实很简单的，下面小编给大家分享完整的实现代码，一起看看吧2017-02-02
这篇文章主要为大家详细介绍了JavaScript实现打地鼠游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要给大家介绍了关于Javascript数组方法reduce的妙用之处，文中通过示例代码介绍的非常详细，对大家学习或者使用Javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
这篇文章主要为大家详细介绍了原生js实现密码输入框值的显示隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要给大家介绍了关于JS时间戳与日期格式互相转换的简单方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
最新评论