Javascript onclick for class and name

You can do like in this JS Fiddle Demo , its pretty simple:

JS:

var anchorTags = document.querySelectorAll('.ClassName');
for (var i = 0; i < anchorTags.length; i++) {
    anchorTags[i].onclick = function() {
        alert(this.innerHTML);
    }
}

Hope this helps.

It's not very performant but you can use name selectors. .className[name=link1] however, if you have multiple links the best way to handle something like this is to use event delegation. It's really easy if you have access to jquery

I would do something like

parent.on('click', '.ClassName', function(event) {
  var button = $(this),
      name = button.attr(name);

  switch(name):
    case link1
    case link2
    ...
});

this way you don't have to assign individual events to the different links. You could also do something like this without event delegation if you really wanted to it would just be changing it to

 var links = $('.ClassName');
 links.on('click', function() {
   ...
 });

Keep in mind that the latter will attach an eventHandler to each link.

If you don't have jQuery you can still do this you just need to grab the elements differently and handle attachEvent vs addEventHandler. Also, applying the delegation will require delving into the event.currentTarget object.

something like:

var parent = document.getElementById('parentid');
parent.addEventListener('click', function(event) {
  if (event.currentTarget.getAttribute('class')indexOf('ClassName') > -1) {
    ... do stuff w/ that link here
  }
});