querySelector x getElementById

This content originally appeared on DEV Community and was authored by m1rr4

A melhor prática depende do contexto, mas considerando que você já está trabalhando dentro de um elemento específico (no caso, form_registrar_produto_comercial), usar querySelector é uma abordagem mais apropriada e semântica. Isso porque:

1. Escopo mais restrito: Com querySelector, você mantém a busca limitada ao escopo do formulário, evitando percorrer o document inteiro e melhorando a legibilidade do código.

   let codigo_barras = form_registrar_produto_comercial.querySelector('#codigo_barras').value;

1. Flexibilidade: O querySelector permite selecionar elementos usando qualquer seletor CSS (id, classe, atributos), o que pode ser útil para criar código mais reutilizável.

Já o getElementById é ideal quando você precisa acessar algo diretamente pelo ID global e não está dentro de um elemento específico. Porém, dentro de um contexto restrito como no seu exemplo, o querySelector oferece um melhor alinhamento às boas práticas modernas.

Conclusão: dentro de form_registrar_produto_comercial, continue com o querySelector!

This content originally appeared on DEV Community and was authored by m1rr4