• 10.09.2026, 19:53
  • Registrieren
  • Anmelden

  • Du bist nicht angemeldet.

 

CSS mit Javascript ändern

Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies dein erster Besuch auf dieser Seite ist, lese dir bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

maed

Full Member

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

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

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

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

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

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

Re: CSS mit Javascript ändern

Freitag, 22. Juni 2007, 18:14

In JS ists marginTop.