通过HTMLcollection迭代，只有最后一个元素被应用更改

Question

我正在尝试遍历HTMLcollection并在每个上添加一个子项。但是更改只会应用于最后一个元素

div = table.getElementsByClassName("sectionExpandColumn");
var button = document.createElement("a");
button.setAttribute("class", "sectionExpand.collapsibleCriteria");
button.innerHTML = "Discussion";

for (var i=0; i<div.length; i++){
div[i].appendChild(button);
}

因此，如果有10个带有classname“sectionExpandColumn”的元素，那么只有第10个元素才能获得该按钮。 我的意思是，我对javascript不是很熟悉，代码对我来说没问题......可能是什么问题？