Question

I need to hide elements based on what a user does. if he presses “a only”, I can say something like

for(i=0;i<document.getElementsByClassName("b").length;i++){
      document.getElementsByClassName("b")[i].style.visibility="hidden";
 }

but this will leave empty spaces between elements in the list (the invisible elements still occupy space), which looks bad, is there a better way this can be done.

Answer 1

try style.display=”none”

Using visibilty=”hidden”, the elements will still take up their calculated space on the page.

You may also consider using jQUery. It makes tasks like these incredibly simple.