JSFiddle - React, Tailwind, and code Playground

by shtrih

HTML

<p>Lorem ipsum dolor</p>
sit amet consectepture
<!-- adipisicing elit -->
<![CDATA[sed do eiusmod]]>

JavaScript

var node = document.body.firstChild
  , s = []
;

while (node) {
    console.log(node);
    switch (node.nodeType) {
        case 1:
            s.push('element <' + node.tagName + '>');
        break;

        case 3:
            s.push('#PCDATA "' + node.nodeValue + '"');
        break;

        case 8:
            s.push('comment <!--' + node.nodeValue + '-->');
        break;

        default:
            s.push('(type=' + node.nodeType + ')');
    };

    node = node.nextSibling;
};

document.body.appendChild(document.createElement('pre')).appendChild(document.createTextNode(s.join('\n')));