2
respostas

Impressão no console.log

Ao executar esse trecho de código, acontece algo que eu acho inesperado: 1---------

Nutricionista​

​ 2--------- Aparecida Nutrição 3---------

​Nutricionista

​ 4--------- Nutricionista Minha duvida é na linha 1, o h1 já aparece alterado, mas a linha 2 exibe o texto da linha 1 e vem diferente. Qual o motivo?
<script type="text/javascript">
        var titulo = document.querySelector('h1');
        console.log(titulo); // -------  1
        console.log(titulo.textContent); // -------  2
        titulo.textContent = "Nutricionista"; 
        console.log(titulo); // -------  3
        console.log(titulo.textContent); // -------  4
    </script>
2 respostas

O Motivo é que seu script é lido inteiro no carregamento da página instantaneamente e uma vez só, então vai pegar o último h1 e vai te retornar o valor dele , ou seja, o último que ele ler mesmo... é meio confuso mesmo...

Vlw pela resposta Luciano. Mas minha duvida ainda persiste, pois se for por isso, a linha 1(console.log(titulo);) tinha que imprimir

Aparecida Nutrição

​, já que na linha 2(console.log(titulo.textContent);) é impresso o mesmo var da linha 1, mas as informações são diferentes. Entendeu?