隐藏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属性），因为点击它们将无效。

Answer 2

将style="display: none"设置为根本不显示。