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; //添加一行的相关信息? 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); //将新列内容清空且变为可用状态 objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled',''); } } //添加行的click事件 objNewRow.onclick = new Function("fn_clickrow(this);"); 3、删除一行 objTable.deleteRow(objrow.index);

　　推荐阅读

　　JavaScript基本编码模式小结

无论编写任何程序都会接触到编码风格，设计模式等概念，编码风格一般侧重于书写规范，而设计模式则偏向于程序架构设计。本文中笔者整理的这些“模式”包含了编写JavaScript代码时一些常用的方法或者小技巧，可以帮>>>详细阅读

本文标题：通过js动态操作table(新增，删除相关列信息)

地址：http://www.17bianji.com/kaifa2/JS/23363.html

 1/2    1