javascript getElementsByClassName() always returns none?

Question

I want to create the simplest bookmarklet for my browser.

javascript:document.getElementsByClassName(\'source\').style.visibility=\'visible\';

<

Answer 1

You might need to loop through the results, like this:

var divs = document.getElementsByClassName('source');
for(var i=0; i<divs.length; i++) { 
  divs[i].style.display='block'
}

And also as @ionoy mentioned, use display attribute. I hope that helps.

http://jsfiddle.net/erick/rb7bn/1/

Answer 2

There is 'visibility' and there is 'display'. They are quite different beasts.

W3Schools:

visibility

display

Answer 3

Go for display. It's works fine with many browsers and in many cases.