动态创建的表格单元格中的事件实现代码
更新时间：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)才成功调用
相关文章
这篇文章主要介绍了JS实现DOM删除节点操作,结合实例形式分析了javascript使用removeChild()操作页面dom节点删除功能的相关实现技巧,需要的朋友可以参考下2018-04-04
这篇文章介绍了JS对日期格式的验证实例，有需要的朋友可以参考一下2013-06-06
FireFox与IE 下js兼容触发click事件 ,对于需要兼容这两者的朋友，就需要参考下下面的代码了2008-11-11
本文主要介绍了JS中splice添加或删除数组元素,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-12-12
js导出table数据到excel即导出为EXCEL文档的方法
导出table为EXCEL文档的方法有很多，在本文为大家介绍下js中时如何做到的，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了ES6新增的数组知识,结合实例形式分析了ES6的数组新增知识点、使用技巧与相关注意事项,需要的朋友可以参考下2020-05-05
这篇文章介绍了js中单引号与双引号冲突问题解决方法，有需要的朋友可以参考一下2013-10-10
关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()
根据条件来控制是否显示form里的textfield表单2010-12-12
这篇文章主要介绍了简单了解JavaScript中的new Function，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
本篇文章主要介绍了javascript 用函数语句和表达式定义函数的区别。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论