JSFiddle - React, Tailwind, and code Playground

by lalatino

HTML

<a href="a.htm">link1</a>
<a href="#aaa">link2</a>
<a href="a.htm#aaa" class="linka">link3</a>
<a href="http://www.google.com" style="color:black;">link4</a>

CSS

a {  display: inline-block;   margin: 1em;   padding: 1em;  background: #ffa; }
.linka { color: green; }

JavaScript

var nodeList = document.querySelectorAll('a');
console.log(nodeList);

for (var i = 0; i < nodeList.length; i++) {
    nodeList[i].style.color = 'red';
}