Qu'est-ce que "this" en JavaScript onclick?

Question

ici

Que signifie this dans le script?

Answer 1

Dans le cas que vous mentionnez, this représente l'élément DOM HTML.

Donc ce serait l'élément sur lequel on a cliqué.

Answer 2

Il fait référence à l'élément dans le DOM auquel appartient l'attribut onclick:

function func(e) {
  $(e).text('there');
}

ici

(Cet exemple utilise jQuery.)

Answer 3

La valeur des attributs des gestionnaires d'événements tels que onclick devrait simplement être du JavaScript, sans aucun préfixe "javascript:". Le pseudo-protocole javascript: est utilisé dans une URL, par exemple :

ici

Vous devriez utiliser la forme onclick="func(this)" de préférence à cela. Notez également que dans mon exemple ci-dessus en utilisant le pseudo-protocole javascript: "this" se référera à l'objet window plutôt qu'à l'élément .

Answer 4

Lors de l'appel d'une fonction, le mot "this" est une référence à l'objet qui a appelé la fonction.

Dans votre exemple, il s'agit d'une référence à l'élément ancre. À l'autre extrémité, l'appel de fonction accède ensuite aux variables membres de l'élément à travers le paramètre qui a été passé.

Answer 5

this fait référence à l'objet auquel appartient la méthode onclick. Ainsi, à l'intérieur de func, this serait le nœud DOM de l'élément a et this.innerText serait ici.