用另一个按钮和类名更改CSS

Question

我试图在按下按钮（类.tm-woocompare-button）时删除具有相同类（.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>

Answer 1

尝试：document.getElementsByClassName('front')[0].style.display = 'none'

而不是：document.getElementsByClassName('front').style.display = 'none';

getElementsByClassName返回一个数组，而不是一个元素。