时间:2021-05-25
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);
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
首先在html页面定义好相关长度的行和列,假设table的id=data-table“”使用jqueryDataTable在js中这么写$(function()
JQuery实现动态操作table行,供大家参考,具体内容如下实现效果:可动态实现table添加行和删除行,如下图。代码如下:Html动态Tabletable{
业务需要,动态生成表,同一列中数据相同的单元格需要合并。解决方案,创建Table控件处理类,代码如下:复制代码代码如下:///表格控件相关操作类///publi
本文实例讲述了JavaScript动态添加列的方法。分享给大家供大家参考。具体实现方法如下:/****动态添加table列*@paramresult*/func
最近写程序,碰巧有动态增加删除行,下面就记录一下html就不写了,也没有什么,直接上核心了新增行functionaddRow(obj){ //获得table一