JSFiddle - React, Tailwind, and code Playground

by Peter Johnson

HTML

<body>
    <div id="foo">
        <p>Hello<span>world</span>, yeah!</p>
    </div>
</body>

JavaScript

var extractor = function( dom ){
    
    var ret = ''
    
    for (var i = 0; i < dom.children.length; i++) {
        var child = dom.children[ i ];
        //console.log( child );
        console.log( child.nodeType );
        console.log( child.textContent );
        if( child.nodeType === 1 ){
            console.log( 'recurse' );
            ret += extractor( child );
        }
        else {
            console.log( 'content', child.textContent );
            ret += child.textContent;
        }
    }
    
    return ret;
}


console.log( 'return', extractor( document.getElementById('foo') ) )