Cómo obtener el valor de estilo asignado a un Elemento desde una Clase.
Si defino un DIV de esta manera:
<div id='myDiv' style='display:none;'>contenido interno</div>
Puedo ver su valor de visualización actual de esta manera:
document.getElementById('myDiv').style.display;
Y esto devuelve un string == ‘none’.
Pero, si establezco mi estilo de visualización a través de una clase, la declaración anterior devuelve una cadena de longitud cero.
<style>
.myDivStyle {display:none;}
</style>
<div id='myDiv' class='myDivStyle'>contenido interno</div>
<script>
var x = document.getElementByID('myDiv').style.display == ''; // devuelve true
</script>
En efecto, el DIV está oculto en ambos casos, pero en el último caso, ¿cómo puedo comprobar que está oculto (por ejemplo, display=none) desde el código de JavaScript?
davy.ai
Puedes usar el método
getComputedStylepara verificar el valor de visualización del elemento. Este método devolverá el valor calculado del elemento, que incluye cualquier estilo establecido por las clases.