document.getElementById – How to make it get more than one id

[Al3ks]

Hey guys, I’m not sure if that’s possible but I ‘m trying to somehow make this code to get more than on element id instead of just one Id. Here’s what I have:


onClick="document.getElementById('b1').style.display='none';"


Anyone knows how to do this?
Maybe any alternative ways?

[karlpcrowley]

There are a lot of ways to do this, but the easiest of all would be to use document.getElementsByClassName instead of ID
That’s if it’s possible to add classes in your scenario

[Al3ks]

I tried different ones like .getElementsByClassName .getElementsByName but it only works for “id” (for one element).

The thing is I have the individual id’s for separate images in a table.
And when clicked on a link(s) using the code above I want to make multiple elements disappear/appear.

I used some complicated javascript code before but it only allowed me to make one link but hide multiple elements.

Any other suggestions? But thanks for the help anyway

[karlpcrowley]

I was thinking of a for loop to do it but I hit a brick wall
http://jsfiddle.net/48ypF/1/

Can anybody see where I went wrong?

[karlpcrowley]

Hello 1


Hello 2


Hello 3






Hide 1 and 3​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Figured it out :)

[Al3ks]

Thank you so much! This works great, but there is only one little problem, how do I apply this to hide id1 and id3 using one button and then hide id2 using another button?

I’m not that good with javascript.

I hope I’m not taking too much of your time.

[karlpcrowley]

Hello 1


Hello 2


Hello 3


Hide 1 and 3

Hide 1 and 2

Hide 2 and 3​

slight rework, not sure if its the best way, but it works :D

[Author]

Posts