JSFiddle - React, Tailwind, and code Playground

by bjelline

HTML

<div id="main">
    <div></div>
    <div id="foo"></div>
    <div>bar</div>
    <div></div>
    <br />
</div>
<textarea id="out"></textarea>

CSS

textarea {
    width: 100%;
    height: 600px;
}

JavaScript

function log(x) {
    $('#out').append(x + "\n")
}
log("hallo welt");

var list = document.getElementById("main").children;

for (var i = 0; i < list.length; i++) {
    var o = list[i];
    log("his " + o.tagName + " has " + o.attributes.length + " attributes and " + o.children.length + " children");
}