JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hidden" style = "display:none;"> 
     i <div >am  <span> text</span> </div>  
</div>

CSS

body {
    width: 200px;
    height: 300;
}

JavaScript

var style  = document.getElementsByTagName("style")[0],
    hidden = document.getElementById("hidden");
alert( getText(hidden));




function getText ( elem ) {

        var props = ["textContent", "data"],
            text = "";
    
        for( var i = 0; i < props.length; i++ ){

            if( (text = elem[props[i]]) !== undefined )
                return text;

        }
    
      return text;
}