将锚点替换为它的innerHTML

Question

我想用其innerHTML 替换链接，如何完成？

示例：

Bla bla bla <a href="#nogo">No link here</a> bla bla bla

必须成为

Bla bla bla No link here bla bla bla

尝试用其innerHTML替换节点，但我无法获取节点本身中的文本..

我想我必须使用正则表达式，但我不知道如何操作。

编辑：感谢大家的快速回复！我似乎还是没能搞清楚。看来还有更多事情发生。

我也在使用原型js。

我收到一些可能包含链接的文本。如果文本包含链接，则应将其替换为它的innerHTML。 它看起来像这样：

<td id="text">This is some text <a href="/link/Go_%28To%29" title="Go (to)">goto</a>. Some more text.</td>

我尝试使用 hasChildNodes() 来检查文本是否包含链接，但它总是返回 yes，即使文本不包含链接或其他元素。所以我想也许文本也被认为是一个节点并尝试了 childElements[1]。返回未定义。所以也许链接是文本节点的一个节点。没有什么！ 我正在抓取这些数据并评估 JSON，所以奇怪的地方可能就来自于此。不过，在响应的其余部分中遍历 DOM 进展顺利。

但是，当我发出警报时，

$('text').childElements()[0]

实际的 href 就会收到警报！ (localhost//link/Go_%28To%29)

$('text'.childElements()[0].up() 让我到达实际的 td 父元素。

所以我使用 来

if($('text').childElements()[0])

检查文本是否包含链接。

我想这有点偏离主题，但我实际上无法正确理解 a 元素。有什么提示吗？ 也许正则表达式是最好的选择？

Answer 1

试试这个：

var aElems = document.getElementsByTagName("a");
for (var i=0, n=aElems.length; i<n; ++i) {
    var elem = aElems[i];
    elem.parentNode.replaceChild(document.createTextNode(elem.innerHTML), elem);
}

Answer 2

将 outerHTML 设置为 innerHTML...

window.onload = function() {
  var ancs = document.getElementsByTagName("A");

  for(var i = 0; l = ancs.length; i < l; i++) {
    var anc = ancs[i];
    if(anc.href.substring(0, 1) == "#")
      anc.outerHTML = anc.innerHTML;
  }
}

Answer 3

我强烈建议使用其中一个 Javascript 库来完成此类工作。

这里有一个使用 Prototype 的单行代码可以解决这个问题：

$('a').each( function( a ) { a.replace( a.innerHTML ) } )

它只是迭代每个 。页面中的标签并将其替换为它的innerHTML。

jQuery 对于此类事情也非常有用。

Answer 4

或者另一种方式，中和链接（没有jquery，我不喜欢它）：

创建测试链接：

javascript:var a=document.createElement("a");a.href="#nogo";a.innerText="NOGO";document.body.appendChild(a);void(0);

并取消设置href属性：

javascript:for(var i=0;i<document.links.length;i++)if(document.links[i].hash.toLowerCase()=="#nogo")document.links[i].removeAttribute("href");void(0);

注意，链接仍然有它的样式，你也必须重置它

Answer 5

最后我用一个丑陋的 replace(/<\/?[^>]+(>|$)/g, "\n") 解决了这个问题。还有很多其他事情发生，我没有很好地记录下来，这是我的错。

Answer 6

简而言之，这将完成您的工作：

var a = document.links;

for( var x = 0; x < a.length; x++ ){

a[x].outerHTML = a[x].innerHTML; x-- };

或者，可以使用一些“纯脚本魔法”，或者面向未来的经典，来代替之前的悖论：

var a = document.links;
while( a.length > 0 ){ a[0].outerHTML = a[0].innerHTML }