通過js動態(tài)操作table(新增，刪除相關(guān)列信息)
更新時間：2012年05月23日 22:25:33 作者：
通過js動態(tài)操作table(新增，刪除相關(guān)列信息)的實現(xiàn)代碼，需要的朋友可以參考下
1、取得table對象
var objTable=document.getElementById( "tb_visitor" );
2、新增一行
var objTempRow = objTable.rows[0]; //取得模板行
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//添加一行的相關(guān)信息
for ( var i=0 ; i<objTempRow.cells.length ; i++ )
{
var objNewCell = objNewRow.insertCell( i );
objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
//
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1+6;
var ei=objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//將新列內(nèi)容清空且變?yōu)榭捎脿顟B(tài)
objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//添加行的click事件
objNewRow.onclick = new Function("fn_clickrow(this);");
3、刪除一行
objTable.deleteRow(objrow.index);
var objTable=document.getElementById( "tb_visitor" );
2、新增一行
var objTempRow = objTable.rows[0]; //取得模板行
var objNewRow = objTable.insertRow( objTable.rows.length );
objNewRow.id = objTable.rows.length-1;
//添加一行的相關(guān)信息
for ( var i=0 ; i<objTempRow.cells.length ; i++ )
{
var objNewCell = objNewRow.insertCell( i );
objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
//
if(objNewCell.innerHTML.indexOf("value=")!=-1){
var si=objNewCell.innerHTML.indexOf("value=")*1+6;
var ei=objNewCell.innerHTML.indexOf(">");
var cellvalue=objNewCell.innerHTML.substring(si,ei);
//將新列內(nèi)容清空且變?yōu)榭捎脿顟B(tài)
objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
}
}
//添加行的click事件
objNewRow.onclick = new Function("fn_clickrow(this);");
3、刪除一行
objTable.deleteRow(objrow.index);
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript封裝彈框插件的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細介紹了javascript實現(xiàn)倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
hasOwnProperty這個方法是用來查找一個對象是否有某個屬性,且查找的屬性必須是對象本身的一個成員,但是不會去查找對象的原型鏈,文中介紹了使用示例代碼及使用時可能會遇到的問題,對hasOwnProperty報錯原因分析及解決方法感興趣的朋友一起看看吧2024-01-01
用JS實現(xiàn)一個頁面多個css樣式實現(xiàn)
在Hello,Yang中看見的一篇文章，感覺很有用，轉(zhuǎn)來這里……2008-05-05
這篇文章主要介紹了Javascript中window.name屬性詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要為大家詳細介紹了JS實現(xiàn)網(wǎng)頁導(dǎo)航條特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
教你如何在 Javascript 文件里使用 .Net MVC Razor 語法
文章主要是介紹了通過一個第三方類庫RazorJS，實現(xiàn)Javascript 文件里使用 .Net MVC Razor 語法，很巧妙，推薦給大家2014-07-07
JavaScript獲取鼠標坐標的函數(shù)（兼容IE、FireFox、Chrome）
下午想做個鼠標跟隨的JS腳本，發(fā)現(xiàn)瀏覽器兼容問題還真是煩人，還有滾動條位置的問題。2010-01-01
這篇文章主要為大家詳細介紹了JS實現(xiàn)打字游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
本文介紹一個簡單可行的辦法，來做基于gulp構(gòu)建的中小型項目中的seajs合并壓縮，感興趣的朋友一起看看詳情吧2016-06-06