[JS] Wat is het e object?

[Arcane Apex]

Zo nu en dan zie ik de volgende code voorbij komen mbt Javascript:

code:

e.style.display = "none";

Ik vraag me af waar dat e object vandaan komt. Ik kan in de Javascript API namelijk niet het prototype klasse ervoor vinden of het object zelf. Dit is geregeld niet alleen in dit geval zo maar vaker wanneer er bepaalde dingen door meerdere mensen gebruikt worden, alsof het bijna standaard lijkt, maar dat er vervolgens niets over in de documentatie is terug te vinden.

[ Voor 30% gewijzigd door Arcane Apex op 29-11-2007 14:28 ]

[zwippie]

Er zal wel 'element' mee bedoeld worden. Oftewel, het kan van alles zijn.

[BtM909]

e is dan zeer waarschijnlijk een referentie

JavaScript:

var e;

e = document.getElementById('bleh');

e.style.display = "none";

[TeeDee]

e is in jouw specifieke voorbeeld een element, of beter gezegd de referentie daar naar toe.

Imo ben je nu gewoon te moeilijk aan het denken. Voor 'style' en 'display' zou je er wel API references oid bij kunnen halen.

[ Voor 41% gewijzigd door TeeDee op 29-11-2007 14:30 ]

[Arcane Apex]

Het vreemde is dat ik e ook kan gebruiken zonder zelf die referentie te hoeven maken, alsof dat ergens al vastgelegd is.

[ Voor 20% gewijzigd door Arcane Apex op 29-11-2007 14:31 ]

[TeeDee]

Arcane Apex schreef op donderdag 29 november 2007 @ 14:31:
Het vreemde is dat ik e ook kan gebruiken zonder die referentie te hoeven maken.

Waar? Met wat? Wat je zeker dat in jouw JS niet ergens een global variable e gedefinieerd is?

[disjfa]

Bijvoorbeeld icm

JavaScript:

document.onmousedown = fuinction(e) {

Maar dan is het toch gewoon een referentie naar het window object ofzo toch

[Arcane Apex]

TeeDee schreef op donderdag 29 november 2007 @ 14:31:
[...]

Waar? Met wat? Wat je zeker dat in jouw JS niet ergens een global variable e gedefinieerd is?

Dat weet ik vrij zeker, neem bijv de volgende code:

code:

function changeStyle(e)
{
    e.style.backgroundColor = "red";
}

code:

<div class="mijnKlasse_01_01" onmouseover="changeStyle(this)">Text</div>

Dit werkt gewoon bij mij zonder dat ik de eerdergenoemde referentie hoef te maken.

[ Voor 40% gewijzigd door Arcane Apex op 29-11-2007 14:36 ]

[TeeDee]

Arcane Apex schreef op donderdag 29 november 2007 @ 14:34:
Dat weet ik vrij zeker, neem bijv de volgende code:

JavaScript:

function changeStyle(e)
{
    e.style.backgroundColor = "red";
}

HTML:

<div class="mijnKlasse_01_01" onmouseover="changeStyle(this)">Text</div>

Juist. En dat zeggen we dus. In dit geval is e een referentie naar het object.
Je kan dus net zo goed dit doen:

JavaScript:

function changeStyle(ArcaneApex)
{
ArcaneApex.style.backgroundColor='red';
}

[ Voor 15% gewijzigd door TeeDee op 29-11-2007 14:36 ]

[disjfa]

Arcane Apex schreef op donderdag 29 november 2007 @ 14:34:
Dat weet ik vrij zeker, neem bijv de volgende code:

code:

function changeStyle(e)
{
    e.style.backgroundColor = "red";
}

code:

<div class="mijnKlasse_01_01" onmouseover="changeStyle(this)">Text</div>

In jouw code is e een referenttie naar het divje.

this is gewoon altijd naar het element waarmee je wat probeert te doen.

[Verwijderd]

Arcane Apex schreef op donderdag 29 november 2007 @ 14:34:

code:

function changeStyle(e)
{
    e.style.backgroundColor = "red";
}

code:

<div class="mijnKlasse_01_01" onmouseover="changeStyle(this)">Text</div>

Duh...
Je geeft toch het object zelf (this) mee op als parameter bij de aanroep van je functie...dan is het niet zo vreemd dat dit werkt....

[Arcane Apex]

Hoe wordt die referentie dan precies gemaakt? Ik zie de link nog niet precies.

[TeeDee]

this = e!

je geeft aan je methode (function) het argument 'this' mee. function changeStyle(e) verwacht 'iets'. Dat is in dit geval this.

En daarom zei ik al: je kan er net zo goed van maken:

JavaScript:

function changeStyle(ArcaneApex)
{
ArcaneApex.style.backgroundColor='red';
}

HTML:

<div class="mijnklas" onmouseover="changeStyle(this)">text</div>

[BtM909]

Door een ander topic door te lezen ([JS] Referentie naar object in for loop) en eventueel gaan [google=JS this]. Je zal een hoop artikelen vinden die je uitleggen hoe referenties werken en dat icm this als keyword.

Voor de rest mis ik echt enige discussie waarde aangezien dit toch redelijk grondsbeginselen zijn (in de vorm waarop jij het hier wilt bespreken). Dit topic gaat daarom ook dicht.