// Doesnt work

// var span = document.getElementsByTagName(".navtext");

​

// Only works for the first one

var span = document.querySelector(".navtext");

​

// Doesnt work

// var span = document.querySelectorAll("navtext");

​

function space() {

    var elem = document.createElement("br");

    // elem.className = "space";

    // elem.textContent = " ";

    return elem;

}

​

function replace(elem) {

    for(var i = 0; i < elem.childNodes.length; i++) {

        var node = elem.childNodes[i];

        if(node.nodeType === 1) {

            replace(node);

        } else {

            var current = node;

            var pos;

            while(~(pos = current.nodeValue.indexOf(" "))) {

                var next = current.splitText(pos + 1);

                current.nodeValue = current.nodeValue.slice(0, -1);

                current.parentNode.insertBefore(space(), next);

                current = next;

                i += 2;

            }

        }

    }

}

​

replace(span);