0

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

但是，当我提醒

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

实际的href得到警报！(localhost//链接/Go_%28To%29)

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

所以我正在使用

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

检查文本是否包含链接。

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

4

6 回答 6

4

试试这个：

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);
}
于 2009-11-06T21:43:37.643 回答
1

设置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;
  }
}
于 2009-11-06T21:40:34.030 回答
0

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

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

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

它只是遍历页面中的每个 <a> 标记并将其替换为它的 innerHTML。

jQuery 也非常适合这类事情。

于 2009-11-06T21:51:08.530 回答
0

或者另一种方式，中和链接（没有 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);

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

于 2009-11-07T03:11:41.267 回答
0

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

于 2009-11-16T21:36:03.490 回答
0

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

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 }
于 2011-01-29T21:27:22.017 回答