Yasmin: offsetHeight in dynamisch zugewiesener Klasse ist 0

Beitrag lesen

Viel Spaß ;-)

Struppi.

Hallo nochmal,

ich konnte das Problem jetzt isolieren. Der Container hatte einen inline-Style mit display:none, das hatte ich übersehen, die 0 ist erklärt.

Beim Testen bin ich aber auf einen anderen Fehler gestoßen:

Hat ein Element einen inline-Style & eine per Stylesheet zugewiesene Klasse, die dann dynamisch überschrieben wird, dann überschreibt die neu zugewiesene Klasse nicht das im inline-Style festgelegte Attribut.

Stylesheet:

.classTest {
 width: 333px;
 color: white;
}

.classTest2{
 width:500px;
 height:300px;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>

</style>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<div id="test3" class="classTest" style="background-color:red; width:9px;"></div>

<script type="text/javascript">

var test3 = document.getElementById('test3').offsetWidth;
 alert(test3);

document.getElementById('test3').className='classTest2';
 var test3 = document.getElementById('test3').offsetWidth;
 alert(test3)

</script>

</body>
</html>

Nochmal danke für die Hilfe & frohe Ostern,

Yasmin