Como pesquisar um elemento DOM sem jQuery?

No jQuery - javascript Sem jQuery
No jQuery – javascript Sem jQuery05

Hoje quero sugerir uma dica simples que já fiz até um post em meu site, que é consultar elementos no javascript. No jQuery já estamos acostumados a fazer isso sempre, usando o $ (dolar/cifrão), porém com HTML5 aos poucos muitas coisas tem ficado pra trás, ainda mais se você usa HTML5 com cordova, phonegap ou ionic no mobile.

Não depender de determinados frameworks e bibliotecas ajuda muito a sempre otimizar seu código e oferecer melhor desempenho em seus sites e aplicativos. Para pesquisar elementos no HTML podemos usar os selectors similar ao jQuery o que facilita muito a migração, então veja abaixo como pesquisar elementos:

Buscar somente um elemento, lembrando que se achar mais que um irá retornar o primeiro:

document.querySelector('#id_elemento');

Busca vários elementos com a mesma classe:

document.querySelectorAll('.classe_de_elementos');

Como podemos ver, não é nenhum mostro dificil de entender nem de usar, muitas coisas que foram inseridas tem similares com jQuery. Sendo assim, você pode criar micro scripts que te ajudem quando precisar e sempre usar muito recurso do navegador ou mobile.

Espero que essa dica te ajuda a melhorar seu código e usar melhor do que HTML5, CSS3, javascript tem a nos oferecer.

Abraços 😀

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Time limit is exhausted. Please reload CAPTCHA.