javascript - 隐藏 html 中的链接

Question

我需要隐藏用户的链接，以便他无法单击它来访问另一个页面，但我有几个 JS 脚本和 CSS，需要太多的工作来更改，所以我需要文档结构保持不变一样。

我怎样才能实现这一目标？

这是一个例子

<span>
<a href="xxx">text</a>
</span>

我显然尝试生成这个

<span>text</span>

但是选择器找不到文本，因为没有“a”标签。

我怎样才能实现这一目标？

Answer 1

要禁用所有链接，请使用以下代码:

window.onload = function() {
    for(var i = 0; i < document.links.length; i++) {
        document.links[i].onclick = function() {
            return false;
        }
    }
};​

Live test case .

这不会改变它们的目的地(href 属性)，只是因为单击它们不会产生任何效果。