JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
  <div class='child'>
  
  </div>
</div>
<div class='parent' style='display:none'>
  <div class='child'>
  
  </div>
</div>

JavaScript

document.querySelector(".parent:not([style='display:none']) .child").innerHTML = '<p>The parent div is visible.</p>'