Javascript en veranderen van style

[Verwijderd]

Ik ben bezig met een website waarmee ik via een mouseover event een underline wil toevoegen aan een link.

Nu loop ik tegen het feit aan dat als ik via onderstaande code deze link niet aangepast wordt, maar ik krijg een js-fout (Objected expected)

code:

function MouseOver(link)
{
   document.getElementById(link).style.text-decoration = 'underline';
}

Maar als ik deze code gebruik, veranderd de kleur van de link wel:

code:

function MouseOver(link)
{
   document.getElementById(link).style.color = '#333333';
}

Wordt style.text-decoration niet ondersteund?

[Aloys]

Waarom niet gewoon met css en dan ":hover" gebruiken. ?

[Delusion]

Het is in JS textDecoration

[Verwijderd]

Aloys schreef op woensdag 26 augustus 2009 @ 23:25:
Waarom niet gewoon met css en dan ":hover" gebruiken. ?

thnx. ik ga deze gebruiken.

maar enig idee waarom deze code niet wordt ondersteund?

[Verwijderd]

Delusion schreef op woensdag 26 augustus 2009 @ 23:26:
Het is in JS textDecoration

Lekker consequent.!!

[crisp]

In javascript is een koppelteken een wiskundig minteken en kan dus geen deel uitmaken van een property-naam. Derhalve zal je dergelijke properties moeten camelcasen zoals beschreven in de DOM specificatie (ECMAscript bindings).

[ Voor 19% gewijzigd door crisp op 26-08-2009 23:38 ]

[Sebazzz]

Verwijderd schreef op woensdag 26 augustus 2009 @ 23:34:
[...]


Lekker consequent.!!

Nee, logisch. Variabelen met een dash worden niet ondersteunt. Het kan ook niet kwaad om de reference, op bijvoorbeeld W3Schools erbij te pakken en/of je foutconsole te openen

[Verwijderd]

En weer een lesje geleerd.

thnx

[Verwijderd]

Even een aanvulling:

Als je

code:

<a onclick="roepFunctie()">link</a>

gebruikt met onderstaande style:

code:

a:hover
{
     text-decoration:underline;
}

gaat dit in IE niet werken. In Firefox werkt het wel.

Om dit ook in IE aan de praat te krijgen moet je deze code gebruiken:

code:

<a href=# onclick="roepFunctie()">link</a>

en in je stylesheet deze regel toevoegen:

code:

a
{
     text-decoration:none;
}

heeft me heel wat zoek uurtjes gekost.!!!

[crisp]

waarom zou je aan A-element gebruiken voor iets dat geen link is?

[Verwijderd]

crisp schreef op donderdag 27 augustus 2009 @ 18:24:
waarom zou je aan A-element gebruiken voor iets dat geen link is?

Omdat :hover dan werkt in IE6 en je er gratis keyboard-navigatie bij krijgt.

[crisp]

oh ja, IE6...

laat niet onverlet dat het semantisch gezien gewoon incorrect gebruik is, tenzij je zorgt voor een non-javascript fallback als href