Suckerfish

HTML

<ul class="flyout-menu">
    <li>Menu Name</li>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</ul>

CSS

.flyout-menu{
}

JavaScript

getFlyoutMenus = function() {
    var menus = document.getElementsByClassName("flyout-menu");
    return menus;
}
getMenuDepth = function(menu) {
    var node = menu.firstChild;
    console.log(node);
  
    while(node.nextSibling){
        getMenuDepth(node.nextSibling);
    }
}
var menus = getFlyoutMenus();

getMenuDepth(menus[0]);