使用JavaScript将超链接转换为纯文本

时间:2013-03-19 01:38:48

标签: javascript

使用JavaScript,是否可以将超链接转换为纯文本(以便它不再链接到任何页面?)

例如,是否可以使用JavaScript将以下链接(在<a>标记内)更改为纯文本(以便此文本不再链接到任何页面)?

<html>
    <body>
        <a href="http://www.wikipedia.org/" target="blank" id = "wikiLink">Go to Wikipedia</a>
    </body>
</html>

5 个答案:

答案 0 :(得分:4)

最简单的方法是删除其href属性:

document.getElementById('wikiLink').removeAttribute("href");

如果要完全删除节点,请保留文本,请尝试以下操作:

var toRemove = document.getElementById('wikiLink'), parent = toRemove.parentNode,
    text = toRemove.firstChild;
parent.insertBefore(text,toRemove);
parent.removeChild(toRemove);
parent.normalize();

答案 1 :(得分:4)

document.getElementById("wikiLink").removeAttribute('href')

或使用jquery

$("#wikiLink").removeAttr('href');

答案 2 :(得分:2)

以下代码应将超链接呈现为文本。

$(元素).find( 'A')的含量()解开();

JS BIN Demo

答案 3 :(得分:0)

如果您要删除所有链接的“链接”行为,您可以执行以下操作:

var links = document.getElementsByTagName('a');
for(var i=0; i<links.length; i++) links[i].href = '';

答案 4 :(得分:0)

使用jQuery,一种简单的方法是删除链接并改为放置文本节点:

var $link = $('#wikiLink');
$link.after($link.text());
$link.remove();