JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
    <a id="a1" href="#lnk1">link 1</a>
    <a id="a2" href="#lnk2">link 2</a>
    <a id="a3" href="#lnk3">link 3</a>
    <a id="a4" href="#lnk4">link 4</a>
</div>

<div>
    <a id="otherlink" href="#">other link</a>
</div>

CSS

#nav > a {
    color: red;
}

JavaScript

var myLinks = document.evaluate("//div[@id='nav']/a", document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);

var thisLink = myLinks.iterateNext();

var alertText = 'Links IDs:\n';

while (thisLink) {
    alertText += thisLink.id + '\n';
    thisLink = myLinks.iterateNext();
}

alert(alertText);