JSFiddle - React, Tailwind, and code Playground

by Kaleb Hornsby

HTML

<div hidden="" id="d">
    <span class="a">Success!</span>
    <span class="b">B</span>
    <span class="c"><span class="a">A C</span></span>
    <span class="d">D</span>
</div>
<span hidden="" class="a">Not A</span>
<div id="o">Failure!</div>

JavaScript

o.textContent = d.querySelector(':scope>.a').textContent;