JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li class="console-log">Item 1</li>
<li class="console-log">Item 2</li>
<li class="console-log">Item 3</li>
</ul>
JavaScript
// Nós podemos utilizar document.querySelector para pegar o primeiro elemento
// Basta apenas um simples argumento, um texto contendo um ou mais elementos CSS de seleção
var itens = document.querySelector(".console-log");
console.log("Class console-log encontrado - conteúdo: " + itens.textContent);
// Nós podemos encontrar todos os elementos utilizando o document.querySelectorAll.
// Este retorna um NodeList de todos elementos encontrados.
var allItens = document.querySelectorAll(".console-log");
console.log("Encontrando todos elementos: ");
for (var i = 0; i < allItens.length; i++) {
console.log(allItens[i].innerHTML);
}