CSS-Eigenschaften eines <div> ändern, wenn class=xy

[jc]

Hallo,

ich suche in JS die möglichkeit, die CSS-Eigenschaften eines <div>...</div>-Bereiches zu ändern, wenn er eine bestimmte "class" hat.

Beispiel:

<div class="oben" onmouseover="xyz()">div 1</div>
<div class="unten" onmouseover="xyz()">div 1</div>

js:

function xyz() {
wenn class des div = oben, dann.....
}

Weiß einer, wie das geht?
Danke im Vorraus.

cu
jc

[Rouven]

Hi!

<div class="oben" onmouseover="xyz()">div 1</div>

<div class="oben" id="mydiv1" onmouseover="xyz("mydiv1")">div 1</div>

<div class="unten" onmouseover="xyz()">div 1</div>

<div class="unten" id="mydiv2" onmouseover="xyz("mydiv2")">div 1</div>

function xyz(divid) {
 if (!(document.getElementById)) return false;

var nd = document.getElementById(divid);
 if (!(nd)) return false;

var cls = nd.class;
 if (!(cls)) return false;

alert("Klasse ist "+cls);

if (cls == "oben")
   nd.class = "unten";
}

so als Beispiel...

MfG
Rouven

[jc]

if (cls == "oben")
   nd.class = "unten";
}

so als Beispiel...

Danke,
dann müsste doch eigentlich auch

function xyz(id) {
if(document.getElementById(id).class == "oben")
...
}

funktionieren, oder?

Bei mir kommt jedenfalls immer (auch mit deinem Bsp.) die Fehlermeldung "Bezeichner erwartet". Und zwar immer ab der Stelle, wo ".class" steht.
gibt es "class" in js überhaupt?

cu
jc

[wahsaga]

hi,

dann müsste doch eigentlich auch
if(document.getElementById(id).class == "oben")
funktionieren, oder?

Bei mir kommt jedenfalls immer (auch mit deinem Bsp.) die Fehlermeldung "Bezeichner erwartet". Und zwar immer ab der Stelle, wo ".class" steht.
gibt es "class" in js überhaupt?

nein.

aber className gibt es.

gruss,
wahsaga

[Rouven]

Ups,

aber className gibt es.

mein Fehler, kein Wunder, hab bisher immer nur den .style gebraucht...

MfG
Rouven

[jc]

Hallo,

@wahsaga: danke, jetzt klappt's :)
@Rouven: auch dir danke. Der restliche Ansatz war ja ok und hat mir auch weitergeholfen :)

cu
jc