function in HREF not working using javascript

Question

I have function which needs to be run on click event. However it is working fine with onclick attribute of anchor tag but not working with HREF attribute. It is giving id undefined. Here is demo code

HTML

<a href="javascript:test(this)" id="first">click</a>

JS

function test(obj){
alert(obj.id)
}

Answer 1

this in that context is the window, not the control. Placing javascript in the href is not the same as an event handler like onclick. Here's a fiddle.