HTML Template (For ES6)

<nav id="navigation" class="style_one">
    <ul id="responsive">
        <li><a href="/">Home</a></li>
        <li><a class="current" href="javascript:void(0);">Addresses</a>
            <ul>
                {!! $siteTypeHTML !!}
            </ul>
        </li>
        <li><a href="javascript:void(0);">Articles</a>
            <ul>
                {!! $articleHTML !!}
            </ul>
        </li>
        <li><a href="/about-us">About Us</a></li>
        <li><a href="/contact">Contact Us</a></li>
    </ul>
</nav>

CSS Template (For ES6)

$(window).on('load', function() {
       let listTagLi = [...document.getElementById("navigation").getElementsByTagName("li")];
       listTagLi.forEach((child) => {
           console.log(child.children[0]['href']);
           console.log(child.children[0].classList);
       });
});