hiding or showing elements in JS doesn't work

Question

I am trying to show/hide elements using JS... it's not working, I can't get why

Here is the code:

<html>
<body>
<div class="galleryInnerImageHolder"> <p> XXX </p> </div>
</body>
</html>


<script>
    document.getElementsByClassName("galleryInnerImageHolder").style.display = "block"; 
    document.getElementsByClassName("galleryInnerImageHolder").style.display = "none"; 
</script>

`getElement**s**ByClassName` it returns elementS not an element. The result is HtmlCollection — Yury Tarabanko, Dec 23 '18 at 15:18

score -1 · Answer 1 · answered Dec 23 '18 at 15:20

-1

getElementsByClassName return array. you can do: document.getElementsByClassName("galleryInnerImageHolder")[0].style.display = "block";

answered Dec 23 '18 at 15:20

shneor521

45
3

hiding or showing elements in JS doesn't work

1 Answers1