JSFiddle - React, Tailwind, and code Playground

by rlemon

HTML

<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="before">Hi!  Here's a <a href="recoding.blogspot.com">link</a> we want to replace.</div>
<div id="after">Hi!  Here's a link we want to replace.</div>

JavaScript

Array.prototype.forEach.call(document.links, function(link) {
    link.parentNode.insertBefore(document.createTextNode(link.textContent), link);
    link.parentNode.removeChild(link); 
});