Obtener valor de OPACITY (CSS)

frijolerou · #1 (**permalink**) 21/10/2007, 18:31

¡Que tal gentes!.

Estaba tratando de obtener el valor de OPACITY aplicado a un elemento mediante CSS, realizando lo siguiente:

Cita:

elemento = document.getElementById('algo');
opacidad = elemento.style.opacity;

Funciona sin problemas si OPACITY se ha definido directamente sobre el elemento desde su atributo STYLE. Pero si se ha definido desde una hoja de estilos externa, o dentro de la etiqueta <STYLE>, la variable OPACIDAD me devuelve una cadena vacía. ¿Existe alguna otra forma de obtener ese valor?.

Aquí va el HTML de ejemplo:

Código HTML:

<html>
<head>
<style>
h1{ opacity:0.5 }
</style>
<script>
window.onload = function(){
	alert(document.getElementById('texto').style.opacity);
	}
</script>
</head>
<body>
<h1 id="texto">Efecto de transparencia</h1>
</body>
</html>

JavierB · #2 (**permalink**) 22/10/2007, 00:37

Hola frijolerou

A ver si esta página te ayuda: leer Css externo

Saludos,

frijolerou · #3 (**permalink**) 22/10/2007, 06:26

Le voy a dar un vistazo apenas llegue a la casa. Saludos :sonrisa:

frijolerou · #4 (**permalink**) 22/10/2007, 08:59

Mmmmm... la verdad que la solución me complica mucho más las cosas jajajajajaja. La razón es que, para lo que estoy haciendo, no se sabe si la propiedad OPACITY fue aplicada al elemento en la hoja de estilos externas mediante un selector de etiqueta, un selector de clase o un selector de id (o como sea que se llamen). Vaya, bonito desafío.

derkenuke · #5 (**permalink**) 23/10/2007, 07:54

Buen tema frijolerou, a ver si saco un poco de tiempo y lo intento.

¿Tienes las diferentes posibilidades acotadas? Dices que no sabes si lo has definido mediante style o mediante hojas externas. Bueno, ese primer paso es fácil, ya sabes: comprobar si la declaración de style esta vacía.

Luego nos encontramos con el siguiente problema, el de cómo está definido en el CSS. Con eso supongo que hay que pelear un poco mejor... quizás habría que hacer que javascript sepa analizar los selectores CSS... eso es un problema bastante gordo.

Bueno, si no tienes ni idea de si lo tienes mediante selector de etiqueta, selector de clase o selector de id creo que va a costar bastante más... habrá que peleárselo.

A ver si saco un poco de tiempo.

Un saludo.