效果图
删除、插入行
function change(table) {
//在table的最后增加一行,table.rows.length是表格的总行数
var row = table.insertRow(table.rows.length);
//循环第三行的所有单元格的数据(标题、表头不动),让其加到最后新加的一行数据中(注意下标是从0开始的)
for (j = 0; j < table.rows[0].cells.length; j++) {
//给新插入的行中添加单元格
var cel0 = row.insertCell(0);
var cel1 = row.insertCell(1);
var cel2 = row.insertCell(2);
var cel3 = row.insertCell(3);
//设置新单元格的内容,这个根据需要,自己设置
cel0.innerHTML = table.rows[2].cells[0].innerHTML;
cel1.innerHTML = table.rows[2].cells[1].innerHTML;
cel2.innerHTML = table.rows[2].cells[2].innerHTML;
cel3.innerHTML = table.rows[2].cells[3].innerHTML;
table.deleteRow(2);//删除table数据的第一行
}
};
获得表格
function tableInterval() {
//获得表格
var table = document.getElementById("table");
//执行表格change函数,删除第一行,最后增加一行,类似行滚动效果
change(table);
};
定时执行
//每隔2秒执行一次change函数,相当于table在向上滚动一样
setInterval("tableInterval()", 2000);