Get an element of a class with Javascript

Question

Get an element of a class with Javascript

Navigation

#1 by (3 votes)

1

I want to get an HTML element that is with a class, but that same class is in other elements.

<img class="imagens-noticias" src="imagens-noticias/noticia-1.png" alt="imagem">

<img class="imagens-noticias" src="imagens-noticias/noticia-2.png" alt="imagem">

<img class="imagens-noticias" src="imagens-noticias/noticia-3.png" alt="imagem">

Is it possible to get the first image without affecting others using pure JavaScript?

javascript html

asked by anonymous 28.06.2018 / 05:03

1 answer

Collapse on bootstrap with swapped signal How do I force numeric keypad display on my smartphone when I click on an input?

score 3 · Accepted Answer

Yes, using:

document.querySelectorAll(".imagens-noticias")[0];

Or:

document.getElementsByClassName("imagens-noticias")[0];

document.querySelectorAll selects all elements that have the same class by creating a node list (node list) where you can select one by its index, where [0] is first, [1] is the second and so on.

The same behavior has document.getElementsByClassName . The difference between the one and the other is that it accepts CSS selectors, which makes the selection of elements much more flexible ( learn more in this documentation ).