phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

Adophper » 前端设计 » js表格操作

js表格操作

此文被围观1700日期: 2011-05-14 分类 : 前端设计  标签:  ··

JS删除表格行 先取得表格: var table = document.getElementById("table"); 然后遍历表格的行数进行删除: for(var i=0; i  table.deleteRow(i);  } 这时会发现结果并不像预期那样,是因为删除一行后,table.rows.length会变小,所以先将table.rows.length 赋值给变量len,这时JS会报错,是因为每删一行后,len的值没变,而实际的行数却在变少,所以代码应该是: Js代码 var len = table.rows.length; for(var i=0; i table.deleteRow(0); } 删除指定行:removetr//删除指定行 function removeTr(obj){ var table = document.getElementById('myTable'); var td = obj.parentNode; var tr = td.parentNode; var rowIndex = tr.rowIndex; //删除指定Index的行 table.deleteRow(rowIndex); } 清空表格tbody中的行://清空列表 function clearTbody(){ if(confirm('确定清空表格数据???')){ var tbody = document.getElementById('tBody'); var len = tbody.rows.length; //从前向后删 /*for(var i = 0; i < len; i ++){ tbody.deleteRow(0);   }*/ //从后向前删   for(var i = len; i > 0; i --){ tbody.deleteRow(0); } } //保留一行 addTr(); }

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.