cambiar la opacidad de la imagen usando javascript

Si encuentras algún problema con tu código o trabajo, recuerda probar siempre en un ambiente de testing antes aplicar el código al proyecto final.

Solución:

Supongamos que está utilizando JS simple (vea otras respuestas para jQuery), para cambiar la opacidad de un elemento, escriba:

var element = document.getElementById('id');
element.style.opacity = "0.9";
element.style.filter  = 'alpha(opacity=90)'; // IE fallback

Puede usar CSS para establecer la opacidad y luego usar javascript para aplicar los estilos a un determinado elemento en el DOM.

.opClass 
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */

Luego use (por ejemplo) jQuery para cambiar el estilo:

$('#element_id').addClass('opClass');

O con javascript simple, así:

document.getElementById("element_id").className = "opClass";

De hecho, necesitas usar CSS.

document.getElementById("myDivId").setAttribute("style","opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)");

Funciona en FireFox, Chrome e IE.

valoraciones y reseñas

Agradecemos que quieras añadir valor a nuestro contenido informacional aportando tu experiencia en los informes.

---

---

Utiliza Nuestro Buscador