时间戳

首页 > 解决方案 > 将标签转换为锚标签

javascript - 将标签转换为锚标签

问题描述

标签： javascripthtml

解决方案

您可以将 click 事件侦听器添加到所有 a 元素，如下所示。您需要确保您拥有 e.preventDefault() 的最后两行并返回 false；以确保页面不会离开。这根本不使用href，但我应该注意，如果您完全省略href，而不是将其设置为空字符串，超链接将不会突出显示。

//get all A elements
var tags = document.getElementsByTagName('a');

//add the event listener to each element
for (let i=0; i<tags.length; i++) {
	tags[i].addEventListener("click",function(e) {
	    document.getElementById('par').style.display = "block";
        
            //these two are needed to prevent the browser from navigating away from the page
 	    e.preventDefault();
            return false;
        });
}
#par {
  display: none;
}
<a href="">Click Me to Reveal a Message:</a>
<p id="par">This is how you register a click handler to a hyperlink element.</p>

推荐阅读