JAVA、PHP、前端、APP、网站开发 - 开发技术学习

开发技术学习 » 前端设计 » js表格操作

js表格操作

此文被围观3334 日期: 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(); }

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。 蜀ICP备12031064号      川公网安备51162302000234