CSS mit Javascript ändern

Full Member

Freitag, 22. Juni 2007, 16:00

1

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

2

	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

3

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

4

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

5

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?