Simplificar codigo

[frank_harbey12]

buen dia,

tengo una duda, saben como puedo simplificar el siguiente codigo?

document.getElementById('meniz').style.visibility= 'visible';
document.getElementById('meniz').style.opacity=1;
document.getElementById('meniz').style.marginLeft= 0;
document.getElementById('meniz').style.MozTransiti on='all .5s';
document.getElementById('meniz').style.WebkitTrans ition='all .5s';
document.getElementById('meniz').style.transition= 'all .5s';
document.getElementById('redsocial').style.visibil ity='visible';
document.getElementById('redsocial').style.opacity =1;
document.getElementById('redsocial').style.MozTran sition='opacity .5s';
document.getElementById('redsocial').style.WebkitT ransition='opacity .5s';
document.getElementById('redsocial').style.transit ion='opacity .5s';
document.getElementById('ms').style.visibility='vi sible';
document.getElementById('ms').style.opacity=1;
document.getElementById('ms').style.MozTransition= 'opacity .5s';
document.getElementById('ms').style.WebkitTransiti on='opacity .5s';
document.getElementById('ms').style.transition='op acity .5s';
}

Como ven las propiedades se repiten, no habra una forma de simplificarlo algo asi:
document.getElementById('meniz'+'redsocial'+'ms'). style.visibility='visible';

Agradesco sus respuestas.

[alexg88]

No se puede hacer lo que tú indicas, pero si puedes agrupar cuando utilizas el getElementById con el mismo id, es decir:

Código Javascript:

var menizStyle= document.getElementById('meniz').style;
 menizStyle.visibility= 'visible';
 menizStyle.opacity=1;
 menizStyle.marginLeft= 0;
 menizStyle.MozTransiti on='all .5s';
 menizStyle.WebkitTrans ition='all .5s';
 menizStyle.transition= 'all .5s';
 

Esto te evita llamar repetidamente a getElementById, lo cual beneficia al rendimiento de la página web.

[zerokilled]

buenas,
una simplificacion mucho mas sencilla es creando varias clases en tu hoja de estilo y luego cambiar la clase del elemento segun sea el caso.

[frank_harbey12]

gracias alexg88 por lo visto es la unica manera

[alexg88]

La forma que dice zerokilled es todavía mejor incluso, con eso te podrías ahorrar bastante código.

Código CSS:

.cambio1{
visibility: 'visible';
opacity:1;
marginLeft: 0;
MozTransiti on:'all .5s';
WebkitTrans ition:'all .5s';
transition:'all .5s';
}
 

Código Javascript:

document.getElementById('meniz').className = "cambio1";
 

[frank_harbey12]

tienes toda la razon es una forma mas eficas de manejar el codigo y agilizar el site... gracias