JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<div>
    <div>
        <p id="para1"></p>
    </div>
</div>
<p id="para2"></p>

JavaScript

function log(args) {
    var str = "";
    for (var i = 0; i < arguments.length; i++) {
        if (typeof arguments[i] === "object") {
            str += JSON.stringify(arguments[i]);
        } else {
            str += arguments[i];
        }
    }
    var div = document.createElement("div");
    div.innerHTML = str;
    document.body.appendChild(div);
}


function getLeafNodes(master) {
    var nodes = Array.prototype.slice.call(master.getElementsByTagName("*"), 0);
    var leafNodes = nodes.filter(function(elem) {
        return !elem.hasChildNodes();
    });
    return leafNodes;
}

var leafNodes = getLeafNodes(document.body);

log("LeafNodes");
log("<hr>");
for (var i = 0; i < leafNodes.length; i++) {
    log(leafNodes[i].tagName);
}