如何使用在数组中找到的类名调用/编辑所有 html 元素？

Question

我已经设法使用我需要的名称创建数组。根据用户对各种 html 元素（按钮）的点击，将这些名称从数组中推送或删除。

我试图使用在数组中收集的值来调用对类名对应/匹配数组中名称的 html 元素的更改。

我设法创建了一个函数来激活一个窗口警报，它允许我查看并验证我是否能够循环遍历数组中收集的所有元素。但我被卡住了。我无法弄清楚如何使用数组中的各个值/名称来调用 html 元素的特定类。

我试过了：

for (var a = 0; a < array.length; a++) {

   document.getElelemntsByClassName(“.”+array[a]).classList.add(“new”);

//and//

   document.querySelectorAll(“.”+array[a]).classList.add(“new”); 

//none of them worked. So I wasn’t able to get through to the specific html elements.//

   window.alert(“.”+array[a]); 

//This responds properly. I can get multiple alerts, one at the time, with all the names I am expecting to see.//

}

预先感谢您的帮助。