CSS +id +style

AlexanderKiebler · 26 Juli 2010

Hi,
Ich würde gerne meine CSS Styles beim laden meiner Homepage überschreiben.
->Ziel des Unterfangens: Bildschirmauflösung oder Browser Viewport abfragen und dann Seite anpassen.
Soweit bin ich aber noch nicht. Momentan versuche ich mit:

Code:

...
<head>
...
<link rel="stylesheet" type="text/css" href="style/style.css">
...
<script type="text/javascript">
    function fu() {
        alert(screen.width + "x" + screen.height);
 
        alert("START");
        document.getElementsByTagName("p")[0].style.backgroundColor = "yellow";
        document.getElementsByTagName("body")[0].style.backgroundColor = "yellow";
        /* Diese Zeile funktioniert nicht */
        document.getElementsByTagName("container_main")[0].style.backgroundColor = "yellow";

        alert("END");
       
}
</script>
</head>

Meine CSS zu ändern. Zunächst nur mal die Hintergrundfarbe. Der Aufruf:

Code:

...
<body onLoad="fu()">
...
<div  id="container_main">
...

Dabei ist container_main in einer externen style/style.css datei definiert in dem Ordner style:

Code:

#container_main {
   ...
    background: #FFFFFF;
  ...
}

Leider funktioniert das Ändern der Hintergrundfarbe von container_main nicht.
der alert("END") wird nicht ausgegeben. Kann mir jemand sagen woran das liegt ?? Und wie ich das ändern kann ??

Gruß Alex

Gilles · 29 Juli 2010

Immer schön in die Fehlerkonsole gucken ;) (In Firefox: Extras->Fehlerkonsole, oder Strg+Umschalt+J)
Es gibt ja auch kein Element das <container_main> ist.
Du solltest in diesen fall nicht nach tags mit dem Namen suchen, sondern nach einem Tag mit der id.

Code:

document.getElementById("container_main").style.backgroundColor = "yellow";

Wenn du dich fragst wieso hinter der Klammer kein [0] steht. Denn eine Id ist eindeutig und somit kann nur ein Element zurück gegeben werden. :)
Hoffe hat dir geholfen :)

threadi · 29 Juli 2010

AlexanderKiebler schrieb:
->Ziel des Unterfangens: Bildschirmauflösung oder Browser Viewport abfragen und dann Seite anpassen.

Und wieso gestaltest Du dein CSS nicht entsprechend variabel?

CSS +id +style

AlexanderKiebler

Neues Mitglied

Gilles

Blogger

threadi

Moderator

Neueste Beiträge