[JS/IE] style.backgroundColor

[JayVee]

Hey!

Waarom werkt

JavaScript:

document.getElementById('shibby').style.backgroundColor = 'black';

wel en

JavaScript:

document.getElementById('shibby').onClick = dude;
function dude () {
  this.style.backgroundColor = 'black';
}

niet in IE?

Nog even kort: Als je direct via DOM een object haalt is style wel 'aanwezig', via eventHandler is this.style 'undefined' voor IE(6/Win).

[ Voor 20% gewijzigd door JayVee op 02-01-2005 17:31 ]

[Vinzzz243]

moet er niet dude() staan in je 1e regel?

[JayVee]

Nope

//edit
wat wel kan is

JavaScript:

bla.onClick = function() { do_iets(); }

(zo iets)

[ Voor 93% gewijzigd door JayVee op 02-01-2005 18:10 ]

[crisp]

let op de case:

JavaScript:

document.getElementById('shibby').onclick = dude;

[JayVee]

Oh, foutje idd. thx. Ik gebruik toch de ss_addEvent functie van Scott Andrew.
Fixt het probleem ook niet. IE vindt de functie wel maar object.style niet

[ Voor 19% gewijzigd door JayVee op 02-01-2005 17:37 ]

[crisp]

JayVee schreef op zondag 02 januari 2005 @ 17:37:
Oh, foutje idd. thx. Ik gebruik toch de ss_addEvent functie van Scott Andrew.
Fixt het probleem ook niet. IE vindt de functie wel maar object.style niet

getest op deze manier en werkt gewoon:

HTML:

<div id="shibby">tralala</div>
<script type="text/javascript">
document.getElementById('shibby').onclick = dude;
function dude () {
  this.style.backgroundColor = 'black';
}
</script>

let wel op dat het element wel moet bestaan alvorens je er op deze manier een eventhandler aan toekent.

attachEvent (IE5 eventmodel) is waardeloos aangezien dan niet eenduidig het target op te vragen is (de scope is je window en niet je target). Daarom gebruik ik nog altijd de DOM1 methode die in alle browsers feilloos werkt.

[ Voor 15% gewijzigd door crisp op 02-01-2005 17:42 ]

[JayVee]

Ah, met die DOM1 methode wil het idd wel.
Wel grappig, tot nu toe had ik die ook altijd gebruikt, behalve met scripts die op window.onload geladen moeten worden. En daar werkt het dus altijd!
Dus ik dacht doe ik deze eventHandlers ook "netjes" (anders "overschrijf" je namelijk events, met die addEvent voeg je events toe) en dan wil het niet. ( >< )

Goed, werkt nu prima. thx!