Comment puis-je changer la propriété CSS “display” en javascript

Comment puis-je changer la propriété CSS display, en JavaScript, de display:none à display:normal pour ces divs?

#hide_0 { display:none }
#hide_1 { display:none }
#hide_2 { display:none }
#hide_3 { display:none }
#hide_4 { display:none }
#hide_5 { display:none }

Un seul à la fois. J'ai besoin de l'afficher et de masquer le reste.

Ce que j'ai utilisé:

var persistent_element='hide_1';

function link_update(link_display)
  {
  var local_element;
  local_element=document.getElementById(persistent_element);  
  local_element.style.display='none';
  local_element=document.getElementById(link_display);
  local_element.style.display='block';
  persistent_element=link_display;
  }

Comment je l'ai connecté : m4 est une compacte - se connecte onclick de ces méthodes

m4('l1',function {return link_update(hide_1);}); 
m4('l2',function {return link_update(hide_2);});
m4('l3',function {return link_update(hide_3);});
m4('l4',function {return link_update(hide_4);});
m4('l5',function {return link_update(hide_5);});
m4('l6',function {return link_update(hide_6);});
Notez que normal” n'est pas une valeur valide pour le CSS display propriété.
Points pour tout le monde qui n'a pas dit "il suffit d'UTILISER JQUERY!!!111"
Je suis d'accord, il est bon de répondre JS questions sans jQuery (lorsque l'OP n'est pas parler de jQuery), mais il serait vraiment faire de cette manière beaucoup plus facile!
vous écrivez connects onclick ,Comment vous connecter sans montrer dans votre code html ! Vous avez défini afficher aucun tous dans votre css est ne peut pas gérer onclick [sans]

OriginalL'auteur Steve Adams | 2011-11-09