JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

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

JavaScript

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

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

    for (var j=children.length; j--;) {
        if( children[j].nodeType === 3 && children[j].nodeValue.trim().length) {
            // do something
            console.log(els[i].getAttribute('id') + ' has text');
        }
    }
}