Javascript 将类名传递给函数参数

我正在处理这部分代码：

<div class="tabs-buttons-container">
            <button class="tabs-button" onclick="openTabs(event, 'test11', 'red')">Tab 1</button>
            <button class="tabs-button" onclick="openTabs(event, 'test12')">Tab 2</button>
            <button class="tabs-button" onclick="openTabs(event, 'test13')">Tab 3</button>
            <span class="test"></span>
            <span class="red"></span>
            <span class="white"></span>
        </div>

---

我当前的目标是将类red传递到函数中，并更改span元素的显示。当我使用ID时，它工作正常，但当我想传递类时，结果为空。这是否可以在JS函数中动态传递类名

GetElementsByCassName返回一个集合，因此需要遍历每个元素来指定样式。您也可以使用querySelector只返回第一个匹配元素的className。

哦，我完全忘记了这一点。非常感谢。只有代码的答案几乎总是可以通过添加一些关于它们如何工作以及为什么工作的解释来改进的。欢迎使用堆栈溢出！虽然这段代码可以解决这个问题，但如何以及为什么解决这个问题将真正有助于提高您的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。请在回答中添加解释，并说明适用的限制和假设。

var red = document.getElementByClassName('red')[0];

var red = document.getElementByClassName('red')[0];