Wie bekomme ich ID von div oder anchor-Tag, wenn angeklickt, mit reinem Javascript

Question

Ich möchte ID von <div> oder bekommen, indem Sie darauf klicken. Bitte helfen ...

<div class="reccl" id="allact"><a href="#" class="a" id="b">All Activities</a></div> 
<div class="reccl" id="lgns"><a href="#" class="a" id="bb">Logins</a></div> 
<div class="reccl" id="dwld"><a href="#" class="a" id="bb">Download</a></div> 

JavaScript-Code:

var a = document.getElementsByClassName('a'); 
    for(var b = 0; b <= a.length; b++){ 
     a[i].onclick = function(e){ 
      alert("id clicked"); 
     } 
    } 

Code hier: http://jsfiddle:%20http://jsfiddle.net/mm07p5rz/

Answer 1

einfach die id-Eigenschaft des Objekts target Click-Ereignis erhalten. Übrigens sollte id s im Dokument eindeutig sein.

document.addEventListener("click", function(evt){ 
 
    console.log(evt.target.id); 
 
});

<div class="reccl" id="allact"><a href="#" class="a" id="b">All Activities</a></div> 
 
<div class="reccl" id="lgns"><a href="#" class="a" id="bb">Logins</a></div> 
 
<div class="reccl" id="dwld"><a href="#" class="a" id="bbb">Download</a></div>

Dies wird die id jedes <a> Element erhalten, auf den geklickt wurde: Dies wird das id jedes Element auf der Seite geklickt erhalten

. Sie können die einzelnen Elemente beliebig filtern Sie mögen, aber der Prozess der id ist das gleiche zu bekommen:

// Get just and <a> elements 
 
var anchors = document.querySelectorAll("a"); 
 

 
// Set up a click event listener for each one 
 
for(var i = 0; i < anchors.length; i++){ 
 
    anchors[i].addEventListener("click", function(evt){ 
 
    console.log(evt.target.id); 
 
    }); 
 
}

<div class="reccl" id="allact"><a href="#" class="a" id="b">All Activities</a></div> 
 
<div class="reccl" id="lgns"><a href="#" class="a" id="bb">Logins</a></div> 
 
<div class="reccl" id="dwld"><a href="#" class="a" id="bbb">Download</a></div>

Answer 2

ich Ihren Quellcode

var a = document.getElementsByClassName('reccl'); 
 
for (var b = 0; b < a.length; b++) { 
 
a[b].onclick = function(e){ 
 
    //get child's id in element 
 
    alert(e.target.id); 
 
    
 
    //get element's id 
 
    alert(e.currentTarget.id); 
 
} 
 
}

<div class="reccl" id="allact"><a href="#" class="a" id="b">All Activities</a></div> 
 
<div class="reccl" id="lgns"><a href="#" class="a" id="bb">Logins</a></div> 
 
<div class="reccl" id="dwld"><a href="#" class="a" id="bb">Download</a></div>

bearbeiten