Question

我想在点击以下内容时打开一个网址：

<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()

如何打开特定的URL点击？

1 个答案:

FIDDLE