JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<p id="first">
    Hello lorem ispum 
    <a id="link" href="...">Link</a> 
    linkety link blag
</p>

JavaScript

var p = document.getElementById('first');    
    var elements = [];    
    for (var i = 0; i < p.childNodes.length; i++) {
        var child = p.childNodes[i];
        if (child.nodeType == 3) {//text node
            if (! /^\s+$/.test(child.nodeValue)){//skip whitespaces
                var span = document.createElement('span');
                span.innerHTML = child.nodeValue;
                p.replaceChild(span, child);
                elements.push(span);
            }
        }
        else if (child.nodeType == 1){//element node
            elements.push(child)
        }
    }
    console.log(elements);