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>

标签： javascriptcss

Answer 1

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

代替：document.getElementsByClassName('front').style.display = 'none';

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