Javascript click event listener on multiple elements and get target ID

Question

I have a javascript file that sets an EventListener of \'click\' on every element with the

tag. I want to get the id of the article clicked when

Answer 1

You are executing the redirect function instead of passing the reference, try this:

articles = document.getElementsByTagName('article');
articles.addEventListener('click',redirect,false);
function redirect(e){
    alert(e.target.id);
}

Edit: Also, getElementsByTagName returns an array with articles, so you have to loop through them and call addEventListener on each one of them.

articles = document.getElementsByTagName('article');
for (var i = 0; i < articles.length; i++) {
    articles[i].addEventListener('click',redirect,false);
}
function redirect(e){
    alert(e.target.id);
}