動(dòng)態(tài)創(chuàng)建的表格單元格中的事件實(shí)現(xiàn)代碼
更新時(shí)間:2008年12月30日 21:01:24 作者:
好久沒有搞網(wǎng)頁了,今天重新弄了一個(gè) ,做個(gè)動(dòng)態(tài)表格,具體的實(shí)現(xiàn)代碼,大家可以自己寫吧
代碼如下
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);
這段代碼動(dòng)態(tài)創(chuàng)建一個(gè)tr和td,并在td中設(shè)置了一個(gè)onclick事件,但是事實(shí)卻是當(dāng)點(diǎn)擊td時(shí),并沒有出發(fā)點(diǎn)擊時(shí)間調(diào)用EditCell函數(shù)。后來吧td1.onclick = "EditCell()";改成td1.attachEvent("onclick",EditCell)才成功調(diào)用
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);
這段代碼動(dòng)態(tài)創(chuàng)建一個(gè)tr和td,并在td中設(shè)置了一個(gè)onclick事件,但是事實(shí)卻是當(dāng)點(diǎn)擊td時(shí),并沒有出發(fā)點(diǎn)擊時(shí)間調(diào)用EditCell函數(shù)。后來吧td1.onclick = "EditCell()";改成td1.attachEvent("onclick",EditCell)才成功調(diào)用
相關(guān)文章
微信小程序功能之全屏滾動(dòng)效果的實(shí)現(xiàn)代碼
最近小編做項(xiàng)目遇到這樣的需求,要求實(shí)現(xiàn)一個(gè)全屏滾動(dòng)的效果,在網(wǎng)上找了實(shí)例代碼,但是不是很完美,小編又結(jié)合自己的知識給大家補(bǔ)充下,對微信小程序全屏滾動(dòng)效果的實(shí)例代碼感興趣的朋友參考下本文吧2018-11-11JS實(shí)現(xiàn)字符串中去除指定子字符串方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串中去除指定子字符串方法,結(jié)合實(shí)例形式分析了javascript使用字符串替換與分割、聚合兩種子字符串去除相關(guān)操作技巧,需要的朋友可以參考下2018-05-05實(shí)現(xiàn)連綴調(diào)用的map方法(prototype)
實(shí)現(xiàn)連綴調(diào)用的map方法(prototype),需要學(xué)習(xí)的朋友可以參考下。2009-08-08如何用JS/HTML將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式
如果我們有一份過去時(shí)間戳,如何使用JS/HTML將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式呢?很多朋友都覺得解決辦法有點(diǎn)困難,其實(shí)很簡單的,下面小編給大家分享完整的實(shí)現(xiàn)代碼,一起看看吧2017-02-02Javascript數(shù)組方法reduce的妙用之處分享
這篇文章主要給大家介紹了關(guān)于Javascript數(shù)組方法reduce的妙用之處,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06JS時(shí)間戳與日期格式互相轉(zhuǎn)換的簡單方法示例
這篇文章主要給大家介紹了關(guān)于JS時(shí)間戳與日期格式互相轉(zhuǎn)換的簡單方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11