Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/04/2015, 06:37
Avatar de Graveworm
Graveworm
 
Fecha de Ingreso: marzo-2015
Mensajes: 5
Antigüedad: 9 años, 2 meses
Puntos: 0
Pregunta Cambiar className a travez de un array

Hola amigos soy algo nuevo en esto de javascript y estoy tratando de hacer unos botones que cambian de estilo con la siguiente función:

Código:
function activar(opcion){
	var botones = [document.getElementById('button-1'),document.getElementById('button-2'),document.getElementById('button-3'),
	document.getElementById('button-4'),document.getElementById('button-5'),document.getElementById('button-6'),document.getElementById('button-7')];
	
	if (opcion==0) {
		botones[0].className = 'iconon';
		botones[1].className = 'iconoff';
		botones[2].className = 'iconoff';
		botones[3].className = 'iconoff';
		botones[4].className = 'iconoff';
		botones[5].className = 'iconoff';
		botones[6].className = 'iconoff';
	} 
}
¿Hay alguna manera de simplificarlo si las opciones del array del 1 al 6 se les va a asignar la misma clase?

Pense que indicando en el mismo serviría poniéndolo así:

Código:
botones[0].className = 'iconon';
botones[1,2,3,4,5,6].className = 'iconoff';

mi codigo html es asi

Código HTML:
<a id="button-1" class="iconon" onClick="javascript: activar(0)">Ejemplo 1</a> 

Espero alguien pueda ayudarme o decirme de que manera puedo hacerlo mas simple, se que hay varias formas de hacer casi todo, y en mi caso siempre que oprimo un boton, hago que a los demas se les asigne la clase de inactivos y que el que oprimi se active.

Saludos.