Criar um radio que seleccione varios id e class

[gedmilson 5]

Consegui esse código e que selecciona uma div pai e um div filho. Só que se eu quiser outros div ele não mostrar por exemplo div class="outrasDiv";

 

	<script>
function id(el) {
  return document.getElementById(el);
}
function mostra(element) {
  if (element) {
    id(element.value).style.display = 'block';
  }
}
function esconde_todos($element, tagName) {
  var $elements = $element.getElementsByTagName(tagName),
      i = $elements.length;
  while(i--) {
    $elements[i].style.display = 'none';
  }
}
window.addEventListener('load', function() {
  var $Masculino = id('rd-cliente'),
      $Feminino = id('rd-empresario'),
      $Autonomo = id('rd-autonomo'),
      $sexo  = id('sel-sexo');
  //mostrando no onload da página
  esconde_todos(id('palco'), 'div');
  mostra(document.querySelector('input[name="rd-sexo"]:checked'));
  //mostrando ao clicar no radio
  var $radios = document.querySelectorAll('input[name="rd-sexo"]');
  $radios = [].slice.call($radios);
  $radios.forEach(function($each) {
    $each.addEventListener('click', function() {
      esconde_todos(id('palco'), 'div');
      mostra(this);
    });
  });
});

	</script>

 

[Marcos_imasters 288]

55 minutos atrás, gedmilson disse:

Consegui esse código e que selecciona uma div pai e um div filho. Só que se eu quiser outros div ele não mostrar por exemplo div class="outrasDiv";

 

	<script>
function id(el) {
  return document.getElementById(el);
}
function mostra(element) {
  if (element) {
    id(element.value).style.display = 'block';
  }
}
function esconde_todos($element, tagName) {
  var $elements = $element.getElementsByTagName(tagName),
      i = $elements.length;
  while(i--) {
    $elements[i].style.display = 'none';
  }
}
window.addEventListener('load', function() {
  var $Masculino = id('rd-cliente'),
      $Feminino = id('rd-empresario'),
      $Autonomo = id('rd-autonomo'),
      $sexo  = id('sel-sexo');
  //mostrando no onload da página
  esconde_todos(id('palco'), 'div');
  mostra(document.querySelector('input[name="rd-sexo"]:checked'));
  //mostrando ao clicar no radio
  var $radios = document.querySelectorAll('input[name="rd-sexo"]');
  $radios = [].slice.call($radios);
  $radios.forEach(function($each) {
    $each.addEventListener('click', function() {
      esconde_todos(id('palco'), 'div');
      mostra(this);
    });
  });
});

	</script>

 

por que ele reconhece "id" não "class"   document.getElementById