nicht angemeldet
Hallo zusammen,
ich versuche gerade die Höhe eines DIVs auszulesen, das funktioniert auch wunderbar. Wenn die Höhe per JavaScript geändert wird wird auch der richtige Wert angezeigt. Wenn ich nun aber den Inhalt des DIVs verändere und dieses deshalb größer wird, bekomme ich eine falsche Höhe angezeigt.
Ich meine mich zu erinnern, dass es dafür auch einen Javascript Befehl gab um die tatsächliche Höhe auszulesen, aber kann mich nicht erinnern.
Hat jemand einen Tip für mich wie ich an die richtige Höhe komme?
Viele Grüße,
Andreas
<html>
<head>
<title></title>
</head>
<script language="javascript">
function getHeight(){
var myHeight = document.getElementById('myDiv').offsetHeight;
alert(myHeight);
}
function changeHeight(hoehe1){
document.getElementById('myDiv').style.height = hoehe1;
}
function mytext(){
document.getElementById('myDiv').innerHTML = "kldshlh<p>löjdlöj<p>lkyjdglöyjdfgl<p>lkjyfdljlöjödfjö<p>lökjymfamgvmlkyj<p>lkjöyjbxyjöcjöjölk<p>";
}
function tuWas() {
alert("Hallo User!");
}
</script>
<body>
<div id="myDiv" style="height:50px;">
hallo
</div>
<a href="javascript:getHeight();">Hoehe</a> <a href="javascript:changeHeight(100);">Hoehe ändern 100</a> <a href="javascript:changeHeight(200)">Hoehe ändern 200</a> <a href="javascript:mytext()">Text</a>
</body>
</html>