Passing this to an onclick event

Question

Possible Duplicate    The current element as its Event function param       Would this work   lt script type  text javascript  gt  var foo   function param        param innerHTML    Not a button       lt  script gt   lt button onclick  foo this   id  bar  gt Button lt  button gt    rather than this    lt script type  text javascript  gt  var foo   function         document getElementId  bar   innerHTML    Not a button       lt  script gt   lt button onclick  foo    id  bar  gt Button lt  button gt    And would the first method allow me to load the javascript from elsewhere to perform actions on any page element

User · Answer

In JavaScript this always refers to the    owner    of the function we re executing  or rather  to the object that a function is a method of  When we define our faithful function doSomething   in a page  its owner is the page  or rather  the window object  or global object  of JavaScript   How does the  quot this quot  keyword work

User · Answer

You can always call funciton differently  foo call this   in this way you will be able to use this context inside the function   Example    lt button onclick  foo call this   id  bar  gt Button lt  button gt    var foo   function         this innerHTML    Not a button

User · Answer

The code that you have would work  but is executed from the global context  which means that this refers to the global object    lt script type  text javascript  gt  var foo   function param        param innerHTML    Not a button       lt  script gt   lt button onclick  foo this   id  bar  gt Button lt  button gt    You can also use the non-inline alternative  which attached to and executed from the specific element context which allows you to access the element from this    lt script type  text javascript  gt  document getElementById  bar   onclick   function         this innerHTML    Not a button       lt  script gt   lt button id  bar  gt Button lt  button gt

User · Answer

Yeah first method will work on any element called from elsewhere since it will always take the target element irrespective of id   check this fiddle  http   jsfiddle net 8cvBM

[javascript] Passing 'this' to an onclick event

Examples related to javascript

Examples related to html