Mastershrimp: Breite eines Div-Bereichs mit JavaScript ändern

Hallo!

Ich lerne gerade Javascript und habe da folgendes mal ausprobiert (nur leider klappt's nicht ;) )

Ich möchte die Größe eines farbigen "Kastens" (habe einen div-Bereich dafür genommen) mittels JavaScript ändern.

der "Kasten" wäre das hier:

<div id="div1" style="background-color:#FF0000; height:100px; width:100px;"><a href="#" onClick="BreiteAendern(); return false">Denn ma los!</a>
</div>

Dazu, dachte ich, würde folgendes Script passen:

<script type="text/javascript">
<!--
function BreiteAendern()
 {
  document.getElementById("div1").width = "1000px";
 }
//-->
</script>

Das Script steht in <head>, der Rest natürlich im <body>

Dieser Versuch klappte nicht. Auch im Forum-Archiv und in SelfHTML wurde ich nicht fündig.

Ich wüsste jetzt gerne, wie man mit JavaScript auf Css-Eigenschaften eines HTML-Objektes zugreifen kann?

Könnte mir da jemand weiter helfen?

Danke schon mal im Vorraus!

Gruß

Mastershrimp

  1. function BreiteAendern()
    {
      document.getElementById("div1").width = "1000px";
    }

    Noch ein "style" dazwischen, dann funzt's:

    document.getElementById("div1").style.width = "1000px";

    Gruß,
    Kurt

    1. Oh. Ok. Vielen Dank!