JS動態(tài)增刪表格行的方法
本文實(shí)例講述了JS動態(tài)增刪表格行的方法。分享給大家供大家參考,具體如下:
function insertRow(tableName,className,bgcolor, cellContentArray){ var t = document.getElementByIdx(tableName); //取得table表 var tr = t.insertRow(); //插入一行 tr.className=className; //設(shè)置行的css tr.bgcolor=bgcolor; //設(shè)置行的背景顏色 for( var i=0;i<cellContentArray.length;i++){ var td = tr.insertCell(); //插入一列 td.innerHTML=cellContentArray[i]; //設(shè)置列內(nèi)容 } } function deleteRow(tableName,btn){ var t = document.getElementByIdx(tableName); //取得table表 var tr = btn.parentNode.parentNode; //取得對應(yīng)的行 t.deleteRow(tr.rowIndex); }
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
深入理解JavaScript中的宏任務(wù)和微任務(wù)機(jī)制
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù),它們的執(zhí)行順序會影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯誤2023-05-05使用setTimeout實(shí)現(xiàn)SetInterval原理解析
這篇文章主要為大家介紹了使用setTimeout實(shí)現(xiàn)SetInterval原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10javascript實(shí)現(xiàn)數(shù)字倒計時特效
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁倒計時數(shù)字時鐘效果,是一款非常實(shí)用的javascript倒計時特效,具有一定參考借鑒價值,需要的朋友可以參考下2016-03-03webpack 3.X學(xué)習(xí)之多頁面打包的方法
這篇文章主要介紹了webpack 3.X學(xué)習(xí)之多頁面打包的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09js實(shí)現(xiàn)5秒倒計時重新發(fā)送短信功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)5秒倒計時重新發(fā)送短信功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02兩款JS腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站
本文通過兩款js腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)到wap手機(jī)網(wǎng)站,感興趣的小伙伴快來學(xué)習(xí)吧2015-10-10