Discussion on: [PT-BR] Selecionando elementos HTML no Javascript

[Eduardo Klosowski A Caverna do Patocórnio]

Artigo bem escrito com conteúdo interessante. Parabéns!

Uma coisa a acrescentar, esses métodos não são apenas do document, é possível utilizá-los a partir de um elemento que foi buscado anteriormente, nesse caso, buscaria apenas nos elementos filhos dele, como:

const amigos = document.getElementById('primeiro-conteudo').getElementsByClassName("amigo");
const inimigos = document.getElementById('primeiro-conteudo').getElementsByClassName("inimigo");

Ou

const conteudo = document.getElementById('primeiro-conteudo');
const amigos = conteudo.getElementsByClassName("amigo");
const inimigos = conteudo.getElementsByClassName("inimigo");

Assim se tivesse outros elementos com as classes amigos ou inimigos em outras partes da página eles não seriam selecionados, visto que estamos restringindo a busca. Vale observar que isso só é possível para um elemento, e não funciona em uma coleção de elementos, nesse caso teria que fazer dentro de um for, ou algo assim.

[Letícia Pegoraro Garcez A Caverna do Patocórnio]

Nossa, não sabia dessa, realmente é uma dica muito útil. Obrigada!!!