javascript - 隐藏 anchor ，但不隐藏 anchor 文本

Question

基本上，我想做相反的事情:how do i hide anchor text without hiding the anchor

我希望能够在我的页面上有一个链接，在一组特定的客户端确定条件下，该链接将能够停用该链接，但仍显示文本。如果没有两个单独的元素(一个包含 anchor 和文本，一个仅包含文本)然后在两者之间翻转可见性，有什么方法可以做到这一点？

编辑:抱歉，应该澄清一下。我希望链接在停用时不要像链接一样设置样式。

Answer 1

替换 <a>使用通用 <span> , 然后再回来。

一个简单的替换策略是:

1. 找到节点。
2. 在它之前添加被替换的节点
3. 删除第一个节点

--

var node = document.getElementById("example");
var new_node = document.createElement("a"); // or "span"
new_node.innerText = text;
node.parentNode.insertBefore(new_node, node);
node.parentNode.removeChild(node);

这段代码并不完整，只是为了给你一个想法。