Question

如何使用javascript和警告框在我的所有锚标签上发出警报也显示链接＆amp;锚标记文本

Answer 1

您可以document.getElementsByTagName，它返回具有给定标记名称的元素的HTMLCollection。

EventTarget.addEventListener方法在调用它的EventTarget上注册指定的侦听器。

var anchors = document.getElementsByTagName("a");    
for (var i = 0; i < anchors.length ; i++) {
    anchors[i].addEventListener("click", 
        function (event) {
            event.preventDefault();
            alert(this.href);
            alert(this.innerHTML);
        }, false);
}

Fiddle

注意：我使用event.preventDefault()来取消锚定默认行为，IE9 +支持addEventListener

Answer 2

女巫jQuery：

$('a').on('click', function() {
    alert('text:' + $(this).text() + ', href: ' + $(this).attr('href'));
});

虽然这不是Stackoverflow的工作原理。你应该展示你到目前为止所尝试的内容，而不是让人们为你做这件事

如何使用javascript将警报放在我的所有锚标签上

2 个答案: