NetAktiv
Senior HTML'ler
Ich will die Sichtbarkeit eines Elements togglen, indem ich den Display Style mittels JavaScript abfrage und dann zwischen den Werten '' (Leer) und none wechsele. Das klappt auch, wenn das Element mittels Style-Display Setting ausgeblendet wurde. Wurde es aber statt dessen über eine CSS-Klasse ausgeblendet, so komme ich an die Display Eigenschaft scheinbar nicht mehr heran. Ich nehme an, das ist ein generelles Problem, dass durch Klassen gesetzte Eigenschaften über JavaScript nicht direkt ausgelesen werden können.
HTML:
<script>
function doit(){
alert("1: " + document.getElementById("d1").style.display
+ "\n2:" + document.getElementById("d2").style.display );
}
</script>
<style>
.hide { display: none; }
</style>
<div id="d1" class="hide">Text 1</div>
<div id="d2" style="display:none">Text 2</div>
<button onclick="doit();">OK</button>