Leer visibility

kamasaki · #1 (**permalink**) 19/06/2011, 04:10

¿hay alguna forma de leer la propiedad visibility de un div?

Sé que puedo cambiarlo, ¿pero leerlo?

He intentado esto:

Código Javascript:

Ver originalvar valor=document.getElementById("midiv").style.visibility;

y no va.

gracias de antemano.

kamasaki · #2 (**permalink**) 19/06/2011, 04:24

Ah! claro! que tenía la propiedad seteada en una hoja de estilo, y no puede leer de ahi, solo lee si lo seteo desde javascript!

gracias de todas formas

Panino5001 · #3 (**permalink**) 19/06/2011, 04:41

Podés usar esto para leer estilos computados (en el mismo archivo o en hojas de estilo externas):

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#midiv{ visibility:hidden}
</style>
<script type="text/javascript">
function getCSS(o,prop){
    if(window.getComputedStyle){
        return document.defaultView.getComputedStyle(o,null).getPropertyValue(prop); 
    }else{ 
        var re = /(-([a-z]){1})/g; 
        if (prop == 'float') prop = 'styleFloat'; 
        if (re.test(prop)) { 
            prop = prop.replace(re, function () { 
                return arguments[2].toUpperCase(); 
            }); 
        } 
        return o.currentStyle[prop] ? o.currentStyle[prop] : null; 
    } 
}  
onload=function(){
	alert(getCSS(document.getElementById('midiv'),'visibility'));	
}
</script>

</head>

<body>
<div id="midiv">Colocar aquí el contenido para  id "midiv"</div>
</body>
</html>