1
resposta

Manipulação do DOM a partir de um módulo JS

Fala turminha! Tenho estudado um bocado e percebi que estou a 1 passo de ter o conhecimento mínimo necessário pra construir uma aplicação real com a estrutura mais profissional.

um detalhe que ainda não consegui compreender é a manipulação do DOM a partir de um módulo externo.

Exemplo: Tenho um index.html e a partir desse arquivo faço a importação do script. Até aí tudo bem. O problema é quando preciso selecionar qualquer elemento para manipulá-lo. Não quero escrever meu script no meio do HTML. Quero fazer a separação.

Alguém ajuda?

1 resposta

Bom dia, Júlio!

Existe um atributo da tag <script> chamada defer, que indica que o script só deve ser executado após o carregamento completo da página (que é quando todos os elementos já estarão carregados na DOM e prontos para serem selecionados/manipulados).

Desta forma você pode declarar todos os seus scripts no <head> da página, como no exemplo abaixo:

<head>
    <script src="script.js" defer></script>
</head>

Espero ter ajudado!

Links de referência: