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.