Javascript 返回与类名匹配的所有元素
Javascript 返回与类名匹配的所有元素,javascript,Javascript,document.getElementsByClassName（'big-button'）[0,1,2].style.display=“inline flex” 我试图将该样式应用于与类名匹配的所有/任何元素。我尝试了[0,1,2]，因为我只有3个实例，但它只针对第三个实例 这不需要在生产中工作。只是镀铬的。这只是原型设计。当您在方括号内的值之间放置逗号时，您调用的是逗号运算符，它计算逗号分隔列表中的每个项目，然后计算为列表中的最终值。因此，代码的计算结果为[2]，或者仅为第三项。通常，如果左侧
document.getElementsByClassName（'big-button'）[0,1,2].style.display=“inline flex”
我试图将该样式应用于与类名匹配的所有/任何元素。我尝试了[0,1,2]
，因为我只有3个实例，但它只针对第三个实例
这不需要在生产中工作。只是镀铬的。这只是原型设计。当您在方括号内的值之间放置逗号时，您调用的是逗号运算符，它计算逗号分隔列表中的每个项目，然后计算为列表中的最终值。因此，代码的计算结果为[2]
，或者仅为第三项。通常，如果左侧有一个类似数组的对象，则需要在以下方括号中提供一个值，如[0]
或[1]
如果要将该样式应用于列表的前三个元素，则必须显式地迭代它们。例如，一种可能的实现是：
const buttons = document.querySelectorAll('.big-button');
const firstThreeButtons = Array.prototype.slice.call(buttons, 0, 3);
firstThreeButtons.forEach(button => button.style.display = 'inline-flex');
有N种方法可以实现它
制作一个函数，该函数将遍历数组索引并执行以下操作：
带边框的函数（类名、元素索引）{
elementIndexes.forEach（索引=>{
document.getElementsByClassName（className）[index].style=“border:1px实心红色”；
});
}
带边框（'大按钮'，[0,2,4]）
1
2.
3.
4.
5.
6