getElementsByClassName添加样式

Question

使用此代码，我循环遍历li元素以添加类'cool'。只是测试不同的方法，例如getElementById和querySelectorAll，它们工作正常，但是当我使用getElementsByClassName时，它会跳过所有其他方法，而不是将样式应用于它。我删除了将i++计数器应用到每个元素的计数器，但这不会导致无限循环吗？谁能解释一下？

var listItems = document..getElementsByClassName('test');

var i;
for (i = 0; i < listItems.length; i++) { //loop through elements //remove ++ when using .getElementsByClassName method to select each element
listItems[i].className = 'cool';// change class to cool
}