JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="el1">
      <div id="el2">
        <div id="el3">
          Hello
          <div id="el4">
            World
          </div>
        </div>
      </div>
    </div>
</div>

JavaScript

var els = document.querySelectorAll("#wrapper *");

for(var i = 0; i < els.length; i++){
    var el = els[i].cloneNode(true);
    var children = el.children;

    for (var j=children.length; j--;) el.removeChild(children[j]);
    var content = el.innerText ? el.innerText  : el.textContent;

    if( content.trim().length ){
        // do something
        console.log(els[i].getAttribute('id') + ' has text');
    }
}