这是一个死循环，原因就是ps.length每次迭代都会增加，它反映的是底层文档的当前状态。
因此，我们在需要遍历某个HTML集合的时候，可以先把长度缓存起来再使用。而如果是要经常操作的集合，可以把整个集合拷贝到一个数组中。
③使用一些速度更快的API
例如：
childNodes -> children childElementCount -> childNodes.length firstElementChild -> firstChild lastElementChild -> last Child getElementByTagName ->querySelectorAll
④注意重绘和重排
1.由于每次重排都会产生计算消耗，大多数浏览器通过队列化修改并批量执行来优化重排过程。
而获取布局信息的操作会导致队列刷新，如下方法：
offsetTop,offsetLeft,offsetWidth,offsetHeight、
scrollTop,scrollLeft,scrollWidth,scrollHeight、
clientTop,clientLeft,clientWidth,clientHeight、
getComputedStyle
因为这些属性或方法需要返回最新的布局信息，因此浏览器不得不执行渲染列队中的“待处理变化”并触发重排以返回正确的值。
2.最小化重绘和重排，合并多次对DOM和样式的修改，如
var el = document.getElementById('myp');
el.style.margin = '5px';
el.style.padding = '2px';
el.style.borderLeft= '5px';
以上，修改了三个样式，每个都会影响元素的几何结构，最糟糕的情况下会导致三次重排(大部分现代浏览器为此做了优化，只会触发一次)
更多相关内容：
-
无相关信息