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

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

如果你的网站用到了一些主流的Ajax library比如JQuery或者Prototype的话，你可以直接用Google Javascript API loader来加载你的ajax library。具体的方法如下面的例子： <script src="http://www.google.com/jsap>>>详细阅读

本文标题：动态创建的表格单元格中的事件实现代码

地址：http://www.17bianji.com/kaifa2/JS/29028.html

1/2 1