動(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)文章
JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了javascript使用removeChild()操作頁面dom節(jié)點(diǎn)刪除功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04
JS驗(yàn)證日期的格式Y(jié)YYY-mm-dd 具體實(shí)現(xiàn)
這篇文章介紹了JS對日期格式的驗(yàn)證實(shí)例，有需要的朋友可以參考一下2013-06-06
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友，就需要參考下下面的代碼了2008-11-11
本文主要介紹了JS中splice添加或刪除數(shù)組元素,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
js導(dǎo)出table數(shù)據(jù)到excel即導(dǎo)出為EXCEL文檔的方法
導(dǎo)出table為EXCEL文檔的方法有很多，在本文為大家介紹下js中時(shí)如何做到的，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了ES6新增的數(shù)組知識,結(jié)合實(shí)例形式分析了ES6的數(shù)組新增知識點(diǎn)、使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章介紹了js中單引號與雙引號沖突問題解決方法，有需要的朋友可以參考一下2013-10-10
關(guān)于Ext中form移除textfield方法:hide(),setVisible(false)，remove()
根據(jù)條件來控制是否顯示form里的textfield表單2010-12-12
這篇文章主要介紹了簡單了解JavaScript中的new?Function，文章通過圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
javascript 用函數(shù)語句和表達(dá)式定義函數(shù)的區(qū)別詳解
本篇文章主要介紹了javascript 用函數(shù)語句和表達(dá)式定義函數(shù)的區(qū)別。需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01