页面上有600个tr，id分别为id1,id2...id600
问题是我想控制这600个tr同时隐藏或者同时显示
用prototype中的 $
for (var i = 1; i <= 600; i++) {
$('tr_' + i).style.display = '';
}
这样会有大约5秒的延迟,浏览器没法反应
请问大侠有没有什么方法能缩减这些时间呢
我用document.getElementById()也没什么用
javascript控制大量页面对象反应迟钝，如何解决
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
7条回答
- laochake 2008-11-14 13:30关注
通过CSS控制，比较：
table.hideTr tr.hide{ display:none; } //插入500行 function insertRows(){ for(var i=0;i<500;i++){ var row = tb1.insertRow(); row.insertCell().innerHTML=i; if(i%2==0){//偶数列用样式控制 row.className="hide"; } } spanRowCount.innerHTML=tb1.rows.length; } //预插入500行 window.onload=function(){ insertRows(); } //通过class控制偶数行 var isShow0=true; function changeClass(){ isShow0=!isShow0; var d = new Date(); tb1.className= isShow0 ? "" : "hideTr" ; span0.innerHTML= new Date() - d; } //通过style控制奇数行 var isShow1=true; function changeStyle(){ isShow1=!isShow1; var d = new Date(); for(var i=0;i<tb1.rows.length;i++){ if(i%2==1){//控制奇数列的显隐 tb1.rows[i].style.display = isShow1 ? "" : "none"; } } span1.innerHTML= new Date() - d; }
[code="java"]</head> <body>总行数：
用时：
用时：[/code]
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2025-04-22 03:05AI架构全栈开发实战笔记的博客 本文旨在为前端开发者提供关于Bootstrap折叠面板组件的全面指南。折叠面板的基本工作原理标准实现方式和最佳实践响应式设计考虑因素自定义样式和行为的技巧性能优化和可访问性建议背景介绍：提供折叠面板的基本概念...
- 2019-03-25 15:51弹琴弹琴的博客 序 曾经看过一篇文章，有一句话这样说： ...再者，最近用 JavaScript 刷 LeetCode 发现，提交显示 JavaScript 要比 Go 语言或 Python 有更大的时间和内存消耗，也使我把了解 JavaScript 内存机...
- 2020-05-02 21:57yoma001的博客 第二章 数据存取 function add(num1, num2){ var sum = num1 + num2; return sum;...搜索过程从作用域链头部开始，也就是当前运行函数的活动对象。如果找到，就使用这个标识符对应的变量；如果没...
- 2021-04-16 13:44weixin_39984963的博客 作为一个前端工程师，性能优化是很有必要的。好的用户体验能一定程度上决定产品的命运。而提升用户体验有很多方面，比如，界面设计，操作设计，网页加载性能等。。。提升性能我们可以从如下几个方面考虑：减少http...
- 2018-01-26 13:26任乃千的博客 最近在阅读这本Nicholas C.Zakas（javascript高级程序设计作者）写的最佳实践、性能优化类的书。记录下主要知识。 加载和执行 脚本位置 放在中的javascript文件会阻塞页面渲染：一般来说浏览器中有多种线程...
- 2025-05-10 17:39Linkling、的博客 在日常的前端开发中，有许多用户交互会高频率地触发JavaScript事件。例如，当用户调整浏览器窗口大小 (resize)、滚动页面 (scroll)，或者在输入框中快速输入文字 (input/keyup) 时，相关的事件监听器会被以极高的...
- 2022-10-20 16:14粤嵌教育的博客 作为前端开发人员，确保软件程序的用户界面正常运行是你的工作，这是一项艰巨的工作，因为你必须确保每个组件都按照预期的方式工作，这样用户才能有良好的体验。
- 2018-11-29 15:16mat_zh的博客 一、内容部分 ...• 减少 DNS查找 • 避免跳转 • 缓存 Ajxa • 推迟加载 • 提前加载 • 减少 DOM元素数量 • 用域名划分页面内容 • 使 frame数量最少 • 避免 404错误 ...通过减少页面中的元素可以减少 ...
- 2019-03-12 08:42素白、就好的博客 即网站页面新能优化的34条黄金守则 1，尽量减少响应HTTP请求次数 终端用户响应的事件能中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP...
- 2020-08-17 11:39涵一的博客 他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳：Best Practices for Speeding Up Your Web Site， Excetional ...
- 没有解决我的问题, 去提问
