[Javascript] Class van element veranderen (CSS)

[Jelly]

Hallo,

Ik wil graag bereiken dat ik met een link de class van (bijvoorbeeld) een paragraaf kan veranderen, maar dat lukt me niet. Ik heb op internet gezocht en met deze code zou het blijkbaar moeten lukken:

<p class="zwart">Hier veel tekst...</p>
<a href="javascript:document.getElementById('zwart').className = 'rood';">Klik voor kleur!</a>

En in de CSS file staat dan

p.zwart{ color: #000; }
p.rood{ color: #c00; }

Echter, dit werkt niet! Ik weet niet hoe ik deze code kan laten werken, en ik weet ook niet of er misschien andere manieren zijn. Kan iemand me helpen?

Mvg,
Jelly

[edit]Ik heb nog een (niet werkend) voorbeeld geupload: http://testweb.110mb.com/test/index.htm.[/edit]

 

[ErikBooy007]

Als je er nou eens van maakt:

<p class="zwart" id="zwart">Hier veel tekst...</p>
<a href="javascript:document.getElementById('zwart').className = 'rood';">Klik voor kleur!</a>

 

[Jelly]

Bedankt voor de reactie.

Met de toevoeging id="zwart" lukt het helaas nog steeds niet.
Ik moet er misschien nog bij zeggen dat ik doorgestuurd wordt naar een blanco pagina (met een lege bron) met alleen de tekst "rood", als ik op de link klik. Heel gek!

[edit]Ik heb net iets ondekt: de tekst wordt wel rood, maar ik wordt zo snel doorgestuurd naar die pagina met het woord "rood" dat het bijna niet te zien is. Dus het werkt wel, maar die vreemde pagina moet nog weg. [/edit]

 

[ErikBooy007]

Wil je dat eens daar online zetten, zodat ik kan zien wat je precies bedoeld? Nu snap ik het namelijk niet helemaal.

 

[ErikBooy007]

En trouwens, een javascript aanroep hoort niet in een <a>.

Je zou het met <a href="#" onclick="javascript:...">Klik voor rode tekst</a>

kunnen doen.

 

[ErikBooy007]

Ik zie dat het nu wel werkt!

 

[Jelly]

Ik heb net een oplossing gevonden, waarmee het blijkt te werken. Zie http://testweb.110mb.com/test/index.htm!

Die vreemde pagina snapte ik zelf ook niet helemaal.

Je zou het met <a href="#" onclick="javascript:...">Klik voor rode tekst</a> kunnen doen.

Dan heb je het nadeel dat de link ervoor zorgt dat je spontaan naar boven scrollt. Ik heb wel verschillende voorbeelden op internet zien staan waarbij het zo werd voorgedaan. Het kan allebei, denk ik.

In ieder geval bedankt voor het meedenken, die id toevoegen had wel nut!

 

[ErikBooy007]

Ja, het was gewoon iets wat pertinent nodig was. Aangezien je getElementById gebruikt.

 

[Jelly]

Ja, klinkt erg logisch.

Ik dacht dat ik getElementByClass ook geprobeerd had, maar dat werkte geloof ik niet. Ik ben ook geen javascript-wonder.