id bei onclick

[Paul]

Moin,
ich suche eine Funktion die ich bei onclick aufrufe und die mir die id oder den namen des geklickten Elements zurück gibt.

Danke, Paul

[frankx]

Hellihello Paul,

  
<button id="meineId" onclick="idAusgabe(this)">  
  idAusgabe aufrufen  
</button>  

  
idAusgabe=function (element){  
   alert(element.id);  
}  

Gruß,

frankx

[Paul]

Hallo frankx,

vielen Dank!!!

[Struppi]

Hallo frankx,

vielen Dank!!!

Das ist aber überflüssig, wozu brauchst du die id oder den Namen?
Du kannst direkt auf das Element zugreifen ohne id oder Namen, das ist wesentlich schneller und einfacher.

Struppi.

[Mathias Brodala]

Hallo frankx.

<button id="meineId" onclick="idAusgabe(this)">
  idAusgabe aufrufen
</button>

>   
> ~~~javascript
  

> idAusgabe=function (element){  
>    alert(element.id);  
> }  
> 

Wobei hier die übergabe des Elementes nicht einmal erforderlich ist:

<button id="meineId" onclick="idAusgabe();">idAusgabe aufrufen</button>

function idAusgabe() {  
  
  alert(this.id); // Beim Aufruf befinden wir uns im Kontext des HTMLButtonElement-Objektes mit der ID „meineId“  
}

Einen schönen Donnerstag noch.

Gruß, Mathias

[Struppi]

Wobei hier die übergabe des Elementes nicht einmal erforderlich ist:

in dem Falle schon.

<button id="meineId" onclick="idAusgabe();">idAusgabe aufrufen</button>

function idAusgabe() {

alert(this.id); // Beim Aufruf befinden wir uns im Kontext des HTMLButtonElement-Objektes mit der ID „meineId“
}

  
schön wär's, wir befinden uns hier im Kontext von window.  
  
Erst wenn du die Funktion per JS an das Element bindest funktioniert das, mit Inline aufrufen nicht.  
  
Struppi.

-- 
[Javascript ist toll](http://javascript.jstruebig.de/) (Perl auch!)

[Mathias Brodala]

Hallo Struppi.

<button id="meineId" onclick="idAusgabe();">idAusgabe aufrufen</button>

function idAusgabe() {

alert(this.id); // Beim Aufruf befinden wir uns im Kontext des HTMLButtonElement-Objektes mit der ID „meineId“
}

>   
> schön wär's, wir befinden uns hier im Kontext von window.  
>   
> Erst wenn du die Funktion per JS an das Element bindest funktioniert das, mit Inline aufrufen nicht.  
  
OK, getestet habe ich natürlich per dynamischer Zuweisung, da ich Eventhandler grundsätzlich nicht im HTML notiere. Korrekt müsste es also so aussehen:  
  
`<button id="meineId">idAusgabe aufrufen</button>`{:.language-html}  
  
~~~javascript
window.onload = function() {  
  
  var b = document.getElementsByTagName('button')[0];  
      b.onclick = function() {  
  
        alert(this.id);  
      };  
};

(Ich weiß, der Code trieft nun vor akuter Sinnlosigkeit.)

Einen schönen Donnerstag noch.

Gruß, Mathias

[Struppi]

(Ich weiß, der Code trieft nun vor akuter Sinnlosigkeit.)

Eben, schon die Fragestellung tat dies (vermutlich), da id oder name meistens völlig belanglos ist.

Struppi.

[frankx]

Hellihello Mathias,

(Ich weiß, der Code trieft nun vor akuter Sinnlosigkeit.)

Besser noch:

 document.getElementById("meineId").onlick=funcion() {}  

(;-)

Dank und Gruß,

frankx