Neste artigo veremos a maneira mais fácil de como selecionar um elemento pela tag na linguagem JavaScript, com um de seus métodos de manipulação de DOM
E aí programador(a), bora aprender coisa nova? 😀
Na linguagem JavaScript, ou JS para os íntimos, temos diversas formas de manipular os elementos
E também de selecioná-los, tanto por: classe, id ou até mesmo pela sua tag do HTML, que é o assunto deste post
Para isso devemos utilizar um método chamado getElementsByTagName, no document
Este método nos retornará um conjunto de elementos que compartilham da mesma tag
Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.
Veja como utilizar:
// Selecionar por tag
let els = document.getElementsByTagName("tagDosElementos");Como dito anteriormente, utilizamos em document o método
E caso haja correspondência, nos é enviado como retorno todas as tags que solicitamos
Logo, com o crescimento do projeto, isso pode se tornar um problema e retornar elementos desnecessários
Então podemos optar por outros métodos, amplos e específicos, veja:
// Selecionar por ID
let el = document.getElementById("idDoElemento");
// Selecionar por classe
let els = document.getElementsByClassName("classeDosElementos");
// Selecionar elementos por seletor de CSS
let el = document.querySelector("seletorCSS");
let els = document.querySelectorAll("seletoresCSS");Estes outros métodos, nos permitem também selecionar elementos no HTML via DOM
Lembrando que se você deseja o retorno de apenas um elemento, deve optar por: getElementById e querySelector
Se deseja vários elementos: getElementsByTagName, getElementsByClassName e querySelectorAll
Conclusão
Vimos que para selecionar um elemento pela tag podemos utilizar o método getElementsByTagName, ele nos retornará todos elementos com a tag passada por parâmetro
E isso pode ser um problema, conforme o projeto cresce, por isso temos outros métodos que podem nos ajudam a selecionar elementos mais específicos
Como o por id do elemento: getElementById
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube