DEV Community

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

Collapse
 
eduardoklosowski profile image
Eduardo Klosowski

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");
Enter fullscreen mode Exit fullscreen mode

Ou

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

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.

Collapse
 
lelepg profile image
Leticia Pegoraro Garcez

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