Folgender Code:
<html>
<body>
<div id="intro" style="border-style:solid;float:left">One</div>
<div id="intro1" style="border-style:solid;float:left">Two</div>
<div id="intro2" style="border-style:solid;float:left">Three</div>
<div id="intro3" style="border-style:solid;float:left">Four</div>
<script type="text/javascript">
document.getElementById("intro").style.height=110;
document.getElementById("intro1").style.height=120;
document.getElementById("intro2").style.height=130;
document.getElementById("intro3").style.height=140;
</script>
</body>
</html>
Wird im Try-It-Editor von w3schools.com problemlos ausgeführt.
Wenn ich ihn jedoch auf einer eigenen Website anwende, wird er
nichtmal ausgeführt. Der JS-Debugger von Firefox meldet keine Fehler.
Witziger noch:
alert('test: '); //funktioniert
alert('test: '+document.getElementById("intro3").style.height);
//funktioniert nicht.
alert('test: '+document.getElementById("intro3").id); //läuft auch
und liefert 'test: intro3';
Kann mir das mal jemand erklären?
Danke
M
<html>
<body>
<div id="intro" style="border-style:solid;float:left">One</div>
<div id="intro1" style="border-style:solid;float:left">Two</div>
<div id="intro2" style="border-style:solid;float:left">Three</div>
<div id="intro3" style="border-style:solid;float:left">Four</div>
<script type="text/javascript">
document.getElementById("intro").style.height=110;
document.getElementById("intro1").style.height=120;
document.getElementById("intro2").style.height=130;
document.getElementById("intro3").style.height=140;
</script>
</body>
</html>
Wird im Try-It-Editor von w3schools.com problemlos ausgeführt.
Wenn ich ihn jedoch auf einer eigenen Website anwende, wird er
nichtmal ausgeführt. Der JS-Debugger von Firefox meldet keine Fehler.
Witziger noch:
alert('test: '); //funktioniert
alert('test: '+document.getElementById("intro3").style.height);
//funktioniert nicht.
alert('test: '+document.getElementById("intro3").id); //läuft auch
und liefert 'test: intro3';
Kann mir das mal jemand erklären?
Danke
M