Почему не работает цикл for?
 

Кгда пишу цикл с последним выражением i++, то цикл работает нормально. Когда пытаюсь задать шаг другой, например "i+6", то страница виснет на цикле. Вот весь код:

<script>
          let thCollect = document.getElementsByTagName('th');
      for (let i=0; i <= thCollect.length; i+6){
             thCollect[i].style.backgroundColor='red';
          }
      </script>

То есть при i++ все ячейки таблицы окрашиваются в красное.
А когда ставлю шаг "i+6", то страница виснет на цикле.
Почему?

сделайте проверку есть ли элемент с индексом i, прежде чем стиль менять, и на всякий случай (строка 3)элементов с индексом равным длине списка не существует в js.

как написать правильно, читать тут Сокращённая арифметика с присваиванием

элемент с индексом i есть, это первый элемент массива, проверял.
второе замечание в этом случае ни при чем, там ведь условие "пока меньше или равно"

один,
for (let i=0; i <= thCollect.length; i+6){ красным отмечены ошибки, как исправить написано выше.

вау, понял! i+=6 i=i+6
заработало.
Спасибо.
Я думал, только выражение надо записать, без присваивания. Не делaл еще шаг отличный от i++.

один,
i <= thCollect.length так вы дойдёте до несущестующего элемента.
а так i+6 никогда не измените i, i всегда ноль, поэтому цикл получается бесконечным.