Javascript, array for Idselector

Asked Mar 01 '16 at 03:21

Active Mar 01 '16 at 03:23

Viewed 32 times

var x = ["s1","s2","s3","s4","s5","s6","s7","s8","s9","s10","s11",......,"s100"];

for (var i = 0; i < x.length; i++) {
document.getElementById(x[i]); }

var c = document.getElementById(x);
var a = document.getElementById("s2");
var b = document.getElementById("hover");

c.addEventListener('mouseover', function() {
      b.style.display = "block";
});
c.addEventListener("mouseout", function() {
      b.style.display = "none"; 
});

I have gallery of 100pictures, that needs mouseover action, so I wanted to use array like Id selector,and as you see I am not quite sure how to do this :D, so if anyone could help me a would be very thankful.

asked Mar 01 '16 at 03:21

Jovan Lazarevic

2

Wouldn't it be a lot easier to just use a class – adeneo Mar 01 '16 at 03:23
how is your html looks like – Arun P Johny Mar 01 '16 at 03:24
when you hover which element has to be hidden/displayed? is it the same element for all the images – Arun P Johny Mar 01 '16 at 03:24
The hidden element is picture and description, and I need different picture for every element. html structure is just a div inside of div, like drop menu, and few photos – Jovan Lazarevic Mar 01 '16 at 12:29
I think that I could use arrays to simplify this, but if I cant, I ll do it with classes, then change images manually. – Jovan Lazarevic Mar 01 '16 at 12:31

Javascript, array for Idselector

0 Answers0