Bindestrich als Minus interpretiert

[Gunter S.]

Hi

ich versuche mithilfe von Javascript den z-index (CSS) mehrer <div> zu verändern um zwischen ihnen zu wechseln.

Bei der Formulierung:

document.getElementByTagName("div").style.z-index = "1";

wird der Bindestrich wahrscheinlich als Minus interpretiert und ein Syntaxerror tritt auf.

Wie kann ich dieses Problem lösen?

[Patrick Canterino]

Hallo Gunter!

ich versuche mithilfe von Javascript den z-index (CSS) mehrer <div> zu verändern um zwischen ihnen zu wechseln.

Bei der Formulierung:

document.getElementByTagName("div").style.z-index = "1";

wird der Bindestrich wahrscheinlich als Minus interpretiert und ein Syntaxerror tritt auf.

Wie kann ich dieses Problem lösen?

Schau dir mal http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften an. Da steht, dass in JavaScript "z-index" zu zIndex wird.

Viele Grüße
  Patrick Canterino

[Gunter S.]

Danke Patrick

Ich werde das nächste mal doch besser erst das SelfHTML filzen.

[Thomas Meinike]

Hallo,

Bei der Formulierung:

document.getElementByTagName("div").style.z-index = "1";

wird der Bindestrich wahrscheinlich als Minus interpretiert und ein Syntaxerror tritt auf.

Wie kann ich dieses Problem lösen?

z-index --> zIndex
Allgemein: Bindestriche werden beim Zugriff auf das style-Objekt entfernt und der jeweils folgende Buchstabe wird groß geschrieben:

color            --> color
background-color --> backgroundColor
list-style-type  --> listStyleType

Außerdem gibt es keine Methode getElementByTagName(), sondern getElementsByTagName(). In Deinem Fall waere also zu schreiben:

document.getElementsByTagName("div")[0].style.zIndex=...;

um auf das erste div im Dokument zuzugreifen.

MfG, Thomas