Convert hyperlinks to plain text using JavaScript
Question
Using JavaScript, is it possible to convert a hyperlink to plain text (so that it no longer links to any page?)
For example, would it be possible to change the following link (inside the <a> tag) to plain text using JavaScript (so that this text no longer links to any page)?
<html>
<body>
<a href="http://www.wikipedia.org/" target="blank" id = "wikiLink">Go to Wikipedia</a>
</body>
</html>
5 answers
solution1
4 2013-03-19 01:41:35
The simplest way would be to remove its href attribute:
document.getElementById('wikiLink').removeAttribute("href");
If you want to completely remove the node, leaving the text, try this:
var toRemove = document.getElementById('wikiLink'), parent = toRemove.parentNode,
text = toRemove.firstChild;
parent.insertBefore(text,toRemove);
parent.removeChild(toRemove);
parent.normalize();
solution2
4 2013-03-19 01:41:49
document.getElementById("wikiLink").removeAttribute('href')
或与jQuery
$("#wikiLink").removeAttr('href');
solution3
2 2014-05-30 17:15:05
Following code should render hyper link as text.
$(element).find('a').contents().unwrap();
solution4
0 2013-03-19 01:43:48
If you want to remove the "link" behavior of all links, you can do:
var links = document.getElementsByTagName('a');
for(var i=0; i<links.length; i++) links[i].href = '';
solution5
0 2017-10-26 16:12:06
With jQuery a simple way is to remove the link and to put a text node instead:
var $link = $('#wikiLink');
$link.after($link.text());
$link.remove();
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.