• 28.04.2024, 01:42
  • Registrieren
  • Anmelden

  • Sie sind nicht angemeldet.

 

CSS mit Javascript ändern

Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

maed

Full Member

Beiträge: 351

CSS mit Javascript ändern

Freitag, 22. Juni 2007, 16:00

Hallo!

Ich möchte das Stylesheet einer Html-Datei mittels Javascript ändern.

Das Stylesheet ist so eingebunden:

Quellcode

 
1

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

style.css schaut so aus:

Quellcode

 
1
2
3
4
5
6
7
8

#container2 {
width: 750px;
height:500px;
margin-top: 35px;
margin-left:auto;
margin-right:auto;
background-color:black;
}

Jetzt möchte ich z.B. im container2 die Eigenschaft width mitels eines JavaScripts ändern. (z.B. in Abhängigkeit der Fenstergröße)
Wie geht das?

Hias
VERKAUFE: Aquatubeblende Alu, Aquaeroblende Edelstahl, Aquastream Controller Rev 3.0 FW1.31, 4x Patchpanel Cat6

crushcoder

God

Beiträge: 3 570

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 16:12

Quellcode

 
1

document.getElementById("container2").style.width = "23px";

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

Giffman

Senior Member

Beiträge: 757

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 16:14

Das CSS selber kannst du nicht ändern, wohl aber das Element im DOM auf das das CSS angewendet wird. In deinem Fall mit:

document.getElementById("container2")style.width="1234px";


HTH

maed

Full Member

Beiträge: 351

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 16:32

Hallo!

Vielen Dank für die schnelle Antwort.
Irgendwie klappt des aber ned:

Quellcode

 
1

Fehler: document.getElementById("container2") has no properties


Hias
VERKAUFE: Aquatubeblende Alu, Aquaeroblende Edelstahl, Aquastream Controller Rev 3.0 FW1.31, 4x Patchpanel Cat6

crushcoder

God

Beiträge: 3 570

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 17:12

scheint mir ein problem des aufrufs zu sein.
wie sieht denn der komplette quellcode aus, vor allem die reihenfolge html-element mit der id und javascript-code?

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

maed

Full Member

Beiträge: 351

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 18:08

Hallo nochmal:

Ich weiß nun was den Fehler ausmacht:

Quellcode

 
1

document.getElementById("container2").style.margin-top = "23px"


Da will er des "margin-top" ned. "width" klappt ohne Fehler.

Weiß jemand warum?

Hias
VERKAUFE: Aquatubeblende Alu, Aquaeroblende Edelstahl, Aquastream Controller Rev 3.0 FW1.31, 4x Patchpanel Cat6

grover

Senior Member

Beiträge: 871

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 18:14

In JS ists marginTop.