JSFiddle - React, Tailwind, and code Playground

by Allendar

HTML

<div id="parent-placeholder">
    <a id="outer-anchor" href="/test">
        text in anchor
        <a id="inner-anchor" href="/test2" style="display:none"></a>
    </a>
</div>

JavaScript

var outer = document.getElementById('outer-anchor');
var inner = outer.nextSibling;

inner.style.display = 'none';

inner.parentNode.removeChild(inner);
outer.parentNode.appendChild(inner);