JS動態(tài)增刪表格行的方法
更新時間：2016年03月03日 11:02:17 作者：Microblue
這篇文章主要介紹了JS動態(tài)增刪表格行的方法,涉及JavaScript針對表格元素動態(tài)操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(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è)計(jì)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)導(dǎo)入導(dǎo)出excel的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語言實(shí)現(xiàn)導(dǎo)入導(dǎo)出excel文件的功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-07-07
javascript中Array數(shù)組的迭代方法實(shí)例分析
這篇文章主要介紹了javascript中Array數(shù)組的迭代方法,實(shí)例分析了Array數(shù)組的迭代方法定義與使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript中的操作符==與===介紹,本文講解了===操作符的判斷規(guī)則、==操作符的判斷規(guī)則,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序開發(fā)animation心跳動畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家詳細(xì)介紹了JS、CSS和HTML實(shí)現(xiàn)注冊頁面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要介紹了JavaScript電子時鐘倒計(jì)時的實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
IE8 下的Js錯誤HTML Parsing Error...
今天調(diào)試一段JS代碼出現(xiàn)這個狀況..在火狐 IE7 和IE6下都正常...郁悶,在網(wǎng)上搜索了一下相關(guān)資料 一般錯誤都是指所指定的標(biāo)簽沒有加載完就是用該對象....2009-08-08
javascript實(shí)現(xiàn)簡單的進(jìn)度條
本文給大家分享2個javascript實(shí)現(xiàn)簡單的進(jìn)度條，一個是個人制作一個是網(wǎng)友實(shí)現(xiàn)的，都很不錯，這里推薦給大家。2015-07-07
最近有項(xiàng)目要實(shí)現(xiàn)N級菜單，首先從布局入手，即判斷是否有下級菜單，具體實(shí)現(xiàn)代碼，大家可以參考下本文2017-05-05
讓圖片跳躍起來 這篇文章主要介紹了javascript圖片輪播特效，圖片按照間隔時間進(jìn)行切換，文章具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02