Javascript onclick为类和名称

Question

我是JavaScript新手,不确定如何执行以下操作:

我有两个链接与相同的CSS"类"但不同的"名称"属性.当使用不引人注目的Javascript点击时,我需要为每个单独执行不同的功能.反正有没有这样做？

示例代码:

<a class="ClassName" name="link1">Link 1</a>
<a class="ClassName" name="link2">Link 2</a>

让我说当我点击链接1时,我需要向控制台输出"This is link 1".单击Link 2时,"这是链接2".

Answer 1

将事件处理程序附加到元素,只需检查名称并执行您喜欢的任何操作

var elems = document.querySelectorAll('.ClassName');

for (var i=elems.length; i--;) {
    elems[i].addEventListener('click', fn, false);
}

function fn() {
    if ( this.name == 'link1' ) {

        console.log('This is link1');

    } else if ( this.name == 'link2' ) {

        console.log('This is link2');

    }
}

小提琴