手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >通过js动态操作table(新增,删除相关列信息)
通过js动态操作table(新增,删除相关列信息)
摘要:1、取得table对象varobjTable=document.getElementById("tb_visitor");2、新增一行var...

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);

【通过js动态操作table(新增,删除相关列信息)】相关文章:

JS排序方法(sort,bubble,select,insert)代码汇总

JS动态增删表格行的方法

jQuery中 prop() attr()使用详解

Ctrl+Enter提交内容信息

javascript瀑布流式图片懒加载实例

JavaScript实现自动变换表格边框颜色

jquery中添加属性和删除属性

简介JavaScript中Math.LOG10E属性的使用

Javascript动态创建表格及删除行列的方法

js动态创建及移除div的方法

精品推荐
分类导航