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

Question

当按下按钮(类 .tm-woocompare-button)时，我试图删除具有相同类(.front)的不同跨度标签内的一些链接。

我已经尝试使用下面的代码，但是我无法让 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 返回一个数组，而不是一个元素。