for循环中的递增计数器不会更新

Question

以下javascript代码段将事件监听器添加到了项目列表中。

for (var i = 0 ; i < list.length; i++) {
list[i].addEventListener("click", makeToggle);}

function makeToggle(){
this.classList.toggle("done");}

最初，列表上有6个项目，当我在控制台上检查“ i”和“ list.length”的值时，它们均为“ 6”。但是，在将两个项目添加到列表后，“ list.length”变为8，而“ i”仍为6。

为什么通过在列表中添加新项无法更新“ i”的值？

由于此问题，函数“ makeToggle”不会应用于新添加的项目，而仅应用于列表中原来的6个项目。

谢谢。