JavaScript, чтобы найти абонента Div.(или любой другой объект dom)

Question

У меня есть следующая HTML-страница:

<div id="a" onclick ="javascript:click();">a</div>
<div id="b" onclick ="javascript:click();">b</div>
<div id="c" onclick ="javascript:click();">c</div>

Теперь, функция JavaScript:

function click() {
   // how do I know if it was 'a' , 'b' or 'c' to call me 
}

Кто-нибудь знает, как найти (в каждом браузере), какой div был вызывающим в вызываемой функции click?

Большое спасибо Erik

Answer 1

Что-то вроде:

js:

function click(elem){
     alert(elem.id);
}

html:

<div id="a" onclick ="javascript:click(this);">a</div>
<div id="b" onclick ="javascript:click(this);">b</div>
<div id="c" onclick ="javascript:click(this);">c</div>

Answer 2

Pass this в качестве аргумента функции:

<div id="a" onclick ="javascript:click(this);">a</div>
<div id="b" onclick ="javascript:click(this);">b</div>
<div id="c" onclick ="javascript:click(this);">c</div>

А вот и функция:

function click(el) {
  alert(el.id);
}

Это было бы проще и ненавязчивее с jQuery хотя:

$('div').click(function(){
  alert(this.id);
});

Answer 3

Подсказка:

<script>
function click(me) {
   alert(me.id);
}
</script>
...
<div id="c" onclick ="click(this);">c</div>