Javascript 用另一个按钮和类名更改css

当按下按钮（class.tm woocompare按钮）时，我试图删除具有相同类（.front）的不同span标记内的一些链接

我已经尝试使用下面的代码，但是我无法让anchor.onclick函数工作。有什么想法吗

请注意，我正在寻找一个纯javascript解决方案，没有jquery

<script>
    window.onload = function() {
        var anchors = document.getElementsByClassName('tm-woocompare-button');
        for(var i = 0; i < anchors.length; i++) {
            var anchor = anchors[i];
            anchor.onclick = function() {
                document.getElementsByClassName('front').style.display = 'none';
            }
        }
    }
</script>

window.onload=函数（）{
var archors=document.getElementsByClassName（'tm-woopcompare-button'）；
对于（var i=0；i

尝试：

document.getElementsByClassName（'front'）[0]。style.display='none'

而不是：

document.getElementsByClassName（'front'）.style.display='none'

getElementsByClassName返回数组，而不是元素。
请尝试：
document.getElementsByClassName（'front'）[0]。style.display='none'

而不是：
document.getElementsByClassName（'front'）.style.display='none'

GetElementsByCassName返回一个数组，而不是一个元素。
您有这样的工作示例吗？您有这样的工作示例吗？工作完美！）嗯,其实没有。我忘了在我的问题中说有很多带有链接的span类，当你点击按钮时，所有这些类都必须被删除。[0]仅使第一个链接消失，然后该功能停止，其他链接仍在显示。你知道如何让函数在所有元素中运行吗？试着在所有元素中运行for循环，你可以做一些事情，比如，
var elements=document.getElementsByClassName（'front'）
试着自己去做，问问你是否对确切的代码感到困惑（完美！）嗯,其实没有。我忘了在我的问题中说有很多带有链接的span类，当你点击按钮时，所有这些类都必须被删除。[0]仅使第一个链接消失，然后该功能停止，其他链接仍在显示。你知道如何让函数在所有元素中运行吗？试着在所有元素中运行for循环，你可以做一些事情，比如，
var elements=document.getElementsByClassName（'front'）
试着自己去做，问问你是否对确切的代码感到困惑