JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li>
        <a href="#">link a</a>
        <ul>
            <li><a href="#">sub-link</a></li>
            <li>...</li>
        </ul>
    </li>
    <li>
        <a href="#">link b</a>
        <ul>
            <li>...</li>
            <li>...</li>
        </ul>
    </li>
    <li>
        <a href="#">link c</a>
        <ul>
            <li>...</li>
            <li>...</li>
        </ul>
    </li>
</ul>

JavaScript

var X = document.getElementById("menu");
var Y = X.getElementsByTagName("li");



for (var i = 0; i < Y.length; i++) {
 if(Y[i].parentNode.getAttribute('id')=='menu') {
        
       
        var Z = Y[i].getElementsByTagName('a');
   console.log(Z[0].innerHTML);
        
   }
    

    
    
}