我正在處理這部分代碼：<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>const openTabs = (event, tab, test) => {    let i, tabContent, tabButton;    tabContent = document.getElementsByClassName("tabs-content")    for (i = 0; i < tabContent.length; i++) {        tabContent[i].style.display = "none";    }    document.getElementById(tab).style.display = "block";    document.getElementsByClassName(test).style.display = "block";}我當前的目標是將“red”類傳遞到函數中并更改 span 元素的顯示。當我使用 ID 時，它工作正常，但當我想傳遞類時，結果為 null。是否可以在 JS 函數中動態傳遞類名？