Question

i want to know if i can access the element that triggers a function in javascript. i know… it’s kinda hard to understand but maybe if you see the following code you’ll get what i try to explain:

CODE HTML:

<a href="javascript:myFunction(this)">link</a>

CODE JS:

function myFunction(linkElement) {
   console.log(linkElement);
}

Obviously that doesn’t work, but the idea is that i would like to have access to the element that triggers (or calls) the function so that the console.log would give me the ‘a’ element.

I know you can use an ID and send the ID to the function and easily recover the element, but it would be much nicer if i can use something more relative like the ‘this’ statement.

Answer 1

Change this

<a href="javascript:myFunction(this)">link</a>

to this

<a href="#" onclick="myFunction(this); return false;">link</a>