javascript - 如何通过onclick打开特定的URL？

Question

我想在单击以下内容时打开 URL:

<span class="taglib-text">Forgot Password</span>

有人可以向我提供它的 Javascript 吗？

实际上，我无法控制 HTML，这就是为什么我需要使用 Javascript 和类名调用事件，即 taglib-text

Answer 1

试试这个:

var url = 'http://www.google.com';
var element = document.getElementsByClassName('taglib-text')[0]; // only targets the first element it finds
element.addEventListener('click',function(){
    location.href = url;
});

如果您有许多具有该类的元素，您可以改为使用:

var url = 'http://www.google.com';
var elements = document.getElementsByClassName('taglib-text');
for (var i = 0; i < elements.length; i++){
    elements[i].addEventListener('click', function () {
        location.href = url;
    });
}

FIDDLE

由于 Shawn 的评论和 this test，我将答案从使用 .querySelector() 更改为 .getElementsByClassName()