傳遞 '這' 一個onclick事件

Question

可能重複：
The current element as its Event function param

將這工作

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

，而不是這個？

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

第一種方法是否允許我從別處加載JavaScript來對任何頁面元素執行操作？

Answer 1

，你必須將工作的代碼，而是從全球範圍內，這意味着this指的是全局對象執行。

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

您也可以使用非內聯替代，將附着在和它允許你從this訪問元素的特定元素上下文中執行。

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

Answer 2

是的，第一種方法可以處理從其他地方調用的任何元素，因爲它將始終採用 目標元素，而不考慮id。

檢查此琴

http://jsfiddle.net/8cvBM/

Answer 3

您可以隨時調用不同的功能可按：foo.call(this);這樣你就可以使用函數內部this上下文。

實施例：

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

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

Answer 4

在JavaScript this始終指的是我們執行，或更確切地說，函數的「所有者」，到對象的功能是這樣的方法的。當我們在頁面中定義我們的忠實函數doSomething（）時，它的所有者就是頁面，或者說，是JavaScript的窗口對象（或全局對象）。

How does the "this" keyword work?