Change css with another button and class name

Question

I am trying to remove some links inside different span tags with the same class (.front) when a button is pressed (class .tm-woocompare-button).

I have tried by using below code but I cant get the anchor.onclick function to work. Any ideas?

Please note that I am looking for a pure javascript solution, no 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>

Do you have a working example of this?

Raptus
– Raptus

2018-09-29 19:39:22 +00:00
Commented Sep 29, 2018 at 19:39 — Raptus
– Raptus, Commented Sep 29, 2018 at 19:39

Aditya Shankar · Accepted Answer · 2018-09-29 19:34:59Z

2

try: document.getElementsByClassName('front')[0].style.display = 'none'

instead of: document.getElementsByClassName('front').style.display = 'none';

getElementsByClassName returns an array, rather than an element.

answered Sep 29, 2018 at 19:34

Aditya Shankar

7526 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Hejhejhej123 Over a year ago

Worked perfect!:)

Hejhejhej123 Over a year ago

Uhm, actually it did not. I forgot to say in my question that there is a lot of span classes with the link, and all has to be removed when you hit the button. [0] makes only the first link to go away, then the function stops and the others is still showing. Any idea how to make the function run through all of them?

Aditya Shankar Over a year ago

try running a for loop through all the elements you can do some thing like, var elements = document.getElementsByClassName('front')

Aditya Shankar Over a year ago

try doing it yourself, ask if you're stuck for the exact code

Collectives™ on Stack Overflow

Change css with another button and class name

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related