JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

JavaScript

var eachElement = document.createElement('ul');
document.body.appendChild(eachElement);
[].slice.call(document.querySelectorAll('*')).forEach(function (e) {
    var trElement = document.createElement('li');
    eachElement.appendChild(trElement);
    trElement.appendChild(document.createTextNode(e.nodeName));

    var eachAttribute = document.createElement('ul');
    var tr = document.createElement('tr');

    tr.appendChild(document.createElement('td').appendChild(document.createTextNode('innerHTML')));
    tr.appendChild(document.createElement('td').appendChild(document.createTextNode(e.innerHTML)));
    eachAttribute.appendChild(tr);
    trElement.appendChild(eachAttribute);
    [].slice.call(e.attributes).forEach(function (f) {
        var tr = document.createElement('tr');
        tr.appendChild(document.createElement('td').appendChild(document.createTextNode(f.nodeName)));
        tr.appendChild(document.createElement('td').appendChild(document.createTextNode(f.value)));
        eachAttribute.appendChild(tr);

    });
});