效果图

table.gif

删除、插入行

  1. function change(table) {
  2. //在table的最后增加一行,table.rows.length是表格的总行数
  3. var row = table.insertRow(table.rows.length);
  4. //循环第三行的所有单元格的数据(标题、表头不动),让其加到最后新加的一行数据中(注意下标是从0开始的)
  5. for (j = 0; j < table.rows[0].cells.length; j++) {
  6. //给新插入的行中添加单元格
  7. var cel0 = row.insertCell(0);
  8. var cel1 = row.insertCell(1);
  9. var cel2 = row.insertCell(2);
  10. var cel3 = row.insertCell(3);
  11. //设置新单元格的内容,这个根据需要,自己设置
  12. cel0.innerHTML = table.rows[2].cells[0].innerHTML;
  13. cel1.innerHTML = table.rows[2].cells[1].innerHTML;
  14. cel2.innerHTML = table.rows[2].cells[2].innerHTML;
  15. cel3.innerHTML = table.rows[2].cells[3].innerHTML;
  16. table.deleteRow(2);//删除table数据的第一行
  17. }
  18. };

获得表格

 function tableInterval() {
        //获得表格
        var table = document.getElementById("table");
        //执行表格change函数,删除第一行,最后增加一行,类似行滚动效果
        change(table);
    };

定时执行

//每隔2秒执行一次change函数,相当于table在向上滚动一样
    setInterval("tableInterval()", 2000);