Keskustelu: Nettisivujen teko: Javascript: this

Voisiko joku ystävällisesti selittää, mikä seuraavassa pätkässä tökkii?

function vaihda () {
    this.style.top = 30
}

<div style="position:absolute;top:0;" onclick="vaihda()">Klikkaa</div>

Yleisessä funktiossa this tarkoittaa koko dokumenttia; ei sitä objektia josta siihen funktioon on siirrytty. Joudut siis kuljettamaan objektin 'viitteen'(vai mikä onkaa) parametrinä tai siirtämään koko funktion toiminnan onClick-osion sisään. Eli:

function vaihda(divi) {
    divi.style.top = 30;
}

<div style="position:absolute;top:0;" onclick="vaihda(this)">Klikkaa</div>

Tai:

<div style="position:absolute;top:0;" onclick="this.style.top = 30">Klikkaa</div>

Äläkä myöskään unohda puolipisteitä rivien lopuista!

Korjatkaa jos mokasin! Javascript/html ei ole vahvuuteni.

lainaus:

Äläkä myöskään unohda puolipisteitä rivien lopuista!

Korjatkaa jos mokasin! Javascript/html ei ole vahvuuteni.

Javascriptissä ei tarvitse puolipisteitä rivien lopuissa.

Itsekin tosin luulin pitkään, että tarvitsee.

Muuten vastauksesi meni kyllä nähdäkseni ihan putkeen.

Grez kirjoitti:

lainaus:

Äläkä myöskään unohda puolipisteitä rivien lopuista!

Korjatkaa jos mokasin! Javascript/html ei ole vahvuuteni.

Javascriptissä ei tarvitse puolipisteitä rivien lopuissa.

Pahus!

Kiitoksia vastauksesta ;)