删除table中的一行js实现

最新推荐文章于 2023-10-25 09:27:56 发布

最新推荐文章于 2023-10-25 09:27:56 发布 · 480 阅读

文章标签：

#J#

WEB 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的网页表格内存优化方法，该方法通过删除多余的表格行来减少浏览器内存占用，确保网页加载速度及用户体验。文章详细解释了如何获取表格元素并逐行删除超过规定数量的行。

//删除table前面的行,避免网页占用内存太大 //关键deleteRow(0) 注意删掉一行后第二行就变成第一行,所以只要一直删第一行就可以了 function delTabRows(){ var tbl = document.getElementById("showMsg"); //取里头的子table var tbls = tbl.getElementsByTagName("table"); var rowNum = 0; for(i=0;i<tbls.length;i++){ alert("tbls[i].rows.length " + tbls[i].rows.length); rowNum += tbls[i].rows.length; } //alert("rowNum: " + rowNum); if(rowNum>10){ for(j=0;j<rowNum-10;){ if(tbls[0].rows.length<rowNum-10){ tbl.deleteRow(1); j=j + tbls[0].rows.length; }else{ tbls[0].deleteRow(0); tbls[0].deleteRow(0); j=j+2; } } } }