webForumDet fria alternativet

byta class med javascript?

4 svar · 412 visningar · startad av fredrik

fredrikMedlem sedan dec. 19991 072 inlägg
#1

Hur bär man sig åt för att byta class på ett objekt mha javascript?

Låt oss säga att en span-tag har classen "svart" till och börja med och när man klickar på den ska den få classen "vit.

nån som vet?

------------------
Fredrik Klarqvist
fredrik.klarqvist@swipnet.se
www.streetwise.se/fredrik/

RGBMedlem sedan dec. 1999419 inlägg
#2

Det här ska funka i webbläsare
som stöder DOM Level 1:

<html><head>
<title></title>
<style type="text/css">
.red{color: red;}
.blue{color: blue;}
</style>
</head><body>
<span id="id" class="red">text</span><br>
<a href="javascript:bytKlass()">byt class</a>
<script language="javascript">

function bytKlass(){
vem=document.getElementById('id')
vem.className=="red"?vem.className="blue":vem.className="red";
}
</script>
</body></html>

R.G.B

[Redigerat av RGB den 08 aug 2000]

fredrikMedlem sedan dec. 19991 072 inlägg
#3

Tackar så mycket för det!

Nån aning om hur det blir i netscape?
ns verkar inte känna igen className riktigt...

Vad innebär eg. följande rad:

vem.className=="red"?vem.className="blue":vem.className="red";

Vad innebär "?" och ":"?

------------------
Fredrik Klarqvist
fredrik.klarqvist@swipnet.se
www.streetwise.se/fredrik/

bughawkMedlem sedan juni 20001 839 inlägg
#4

Det är C++/Java och betyder:

(uttryck) ? <om sant gör detta> : <om falskt gör detta>;

alltså identiskt med

if (vem.className=="red")
  vem.className="blue"
else
  vem.className="red";

Nu förstar jag inte riktigt vad koden gör ;)

Men den språkliga innebörden är den som jag skref iaf! :)

------------------
Mvh Yrin Eldfjell
>>> Hemsida <<<

fredrikMedlem sedan dec. 19991 072 inlägg
#5

Alltså ingen som vet om det går / hur man gör för att byta classname i netscape?

------------------
Fredrik Klarqvist
fredrik.klarqvist@swipnet.se
www.streetwise.se/fredrik/

136 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)