Pasando 'esto' a un evento onclick

Question

Duplicar posible:
The current element as its Event function param

Que este trabajo

<script type="text/javascript"> 
var foo = function(param) 
{ 
    param.innerHTML = "Not a button"; 
}; 
</script> 
<button onclick="foo(this)" id="bar">Button</button> 

en lugar de esto?

<script type="text/javascript"> 
var foo = function() 
{ 
    document.getElementId("bar").innerHTML = "Not a button"; 
}; 
</script> 
<button onclick="foo()" id="bar">Button</button> 

Y sería el primer método me permite cargar JavaScript de otras partes para realizar acciones en cualquier elemento de la página?

Answer 1

El código que usted tiene que trabajar, pero se ejecuta desde el contexto global, lo que significa que this se refiere al objeto global.

<script type="text/javascript"> 
var foo = function(param) { 
    param.innerHTML = "Not a button"; 
}; 
</script> 
<button onclick="foo(this)" id="bar">Button</button> 

También puede utilizar la alternativa no en línea, lo que unido a y ejecutado por el contexto elemento específico que le permite acceder al elemento de this.

<script type="text/javascript"> 
document.getElementById('bar').onclick = function() { 
    this.innerHTML = "Not a button"; 
}; 
</script> 
<button id="bar">Button</button> 

Answer 2

Sí, el primer método funcionará en cualquier elemento llamado desde cualquier otro lugar, ya que siempre tomará el elemento de destino independientemente de su id.

cheque este violín

http://jsfiddle.net/8cvBM/

Answer 3

Siempre se puede llamar Funciton diferente: foo.call(this); de esta manera usted será capaz de utilizar this contexto dentro de la función.

Ejemplo:

<button onclick="foo.call(this)" id="bar">Button</button>​

var foo = function() 
{ 
    this.innerHTML = "Not a button"; 
}; 

Answer 4

En JavaScript this siempre se refiere al “dueño” de la función que estamos ejecutando, o mejor dicho, al objeto de que una función es un método de. Cuando definimos nuestra función fiel doSomething() en una página, su propietario es la página, o más bien, el objeto de ventana (u objeto global) de JavaScript.

How does the "this" keyword work?