JSFiddle - React, Tailwind, and code Playground

by davidhong

HTML

<nav id="top-menu">
    <ul>
        <li><a href="#about">About</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#about">About</a></li>
    </ul>
</nav>

JavaScript

function walk(node, apply) {
    apply(node);

    node = node.firstChild;
    while (node) {
        walk(node, apply);
        node = node.nextSibling;
    }
}

function inspect(object) {
    if (typeof object != 'object') {
        return;
    }

    Object.keys(object).forEach(function(key) {
        console.log(key, object[key]);
    });
}

// Test walker
walk(document.getElementById('top-menu'), function(node) {
    inspect(node);
});