[Dilettante_Pro]

а почему цикл не бесконечный?

Проблема, наверное, в том что он бесконечный
Без цикла

<table class="class">
   <tr>
        <td>0</td><td class="class">1</td><td>0</td><td class="class">2</td>
   </tr>
   <tr>
        <td>0</td><td class="class">3</td><td>0</td><td class="class">4</td>
   </tr>
</table>
<script>
function highlight(item) {
   item.style.backgroundColor = "lightgreen";
}
var table = document.querySelector('table');
table.onclick = function(event) {
  var target = event.target;
  if (target != table && target.classList.contains('class')) {
      highlight(target);
  }
};
</script>

Проверка target != table имеет смысл только если и у table есть class="class"