揭秘！不止一种方式遍历DOM，你可能会惊讶

最近看到一篇关于前端优化方面的文章，里面提到了几点对DOM遍历操作的优化，文章只是一笔带过，并没有深入的讲解。

其中提到了几个优化的手段，乍一看似乎没见过，然后再仔细想想，其实无论是犀牛书还是红宝书都有对此的描述，只是当初年轻时看书看到这里，觉得好像没什么屁用，将之当成可有可无的东西随便扫一眼就跳过了，现在既然碰上了，那就好好回顾一下吧。

常用遍历方法

对于 DOM的遍历，大部分情况下，都是直接使用选择器，选取到需要的DOM，然后对其进行遍历，并在遍历的同时进行各种筛选等操作。

例如下述 HTML：

<ul class="box">
  <li class="li_1">1</li>
  <li class="li_2">2</li>
  <li class="li_3">3</li>
  <li class="li_4">4</li>
  <li class="index_5">
    <ul class="box1">
      <li class="ll1">li1</li>
      <li class="ll2">li2</li>
      <li class="ll3">li3</li>
    </ul>
  </li>
</ul>

对其中的 li元素进行选取遍历操作：

let eleList = document.querySelecto