Javascript 如何使用prototype将链接更改为文本范围或某种非锚定元素

我有一个链接：

<a id="theLink" href="h***://stackoverflow.com">Go to SO</a>

如何使用prototype剥离

，或者只保留innerHTML，使元素变成：

[h***://stackoverflow.com]

（不再可点击的东西）

或者可以将

转换为

试试这个

function removeAnchor() {
        var link = document.getElementById('theLink');
        var span = document.createElement("span");
        var txt = link.href;
        var textNode= document.createTextNode(txt);
        span.appendChild(textNode);
        link.parentNode.replaceChild(span, link);
}

要将

替换为

，并将初始元素的href作为内容：

$('theLink').replace((new Element('span')).update($('theLink').href));

结果将是：

<span>h***://stackoverflow.com</span>

这将导致：

<span>Go to SO</span>

转到SO

我想他想要一些纯javascript（没有jquery）的东西，他说“我如何使用prototype…”。他指的是原型JavaScript框架，这就是我的示例所使用的。

<span>Go to SO</span>