如何更改链接到文本范围或某种与原型

Question

非固定元素我有一个链接：

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

如何使用原型要么剥离<a>的或刚刚离开innerHTML使元素变成：

[h***://stackoverflow.com]（不再可点击的东西）？

或许转换<a>到<span>

Answer 1

试试这个

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); 
} 

Answer 2

要使用<span>与初始元素的href替换<a>的内容：

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

结果将成为：

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

要使用具有相同内容的替换：

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

将导致其中：

<span>Go to SO</span>