Skip to main content
Tweeted twitter.com/StackOverflowPT/status/1138370512055394304
Adequações relativas à língua portuguesa.
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

Por que a classclasse pode ser pega pelo javascript, mesmo sendo executada apos ele, aJavaScript durante o idcarregamento da página e o ID não?

Estava fazendo uns testes com o JavaScript e acabei me deparando com um "fenômeno" interessante, poremporém não consegui encontrar uma boa explicação para o mesmo em minhas buscas na internetexplicar.

Segue o código:

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <title>Documento</title>
        <script src="script.js"></script>
    </head>
    <body>
        <h1>Titulo</h1>
        <p class="Paragrafo" id="ponto">Paragrafo 1</p>
        <p class="Paragrafo" >Paragrafo 2</p>
        <p id="p3">Paragrafo 3</p>
 
        
    </body>
</html> 

Se você tentar pagarcapturar o paragrafo  (<p>) que possui o id="ponto" usando o seguinte javascript.JavaScript:

let p1 = document.getElementById("ponto")
console.log(p1);

Nos não conseguimos oO resultado final sera nullserá null, já que o javascript estaJavaScript está sendo carregado antes da criação do paragrafo(<p>)parágrafo com id="ponto", pois o javascripttendo em vista que, nestenesse caso, estao script está sendo carregado no headna head, e o paragrafoparágrafo, no body

OBS.: Eu sei que a formas de resolver isso usando algumas funções especificas como window.onload ou DOMContentLoadedbody, mas isso não vem ao caso agora certo!.

A questão aqui, por que não conseguimos pegar o id, mas conseguimos pegar a class.

simPor outro lado, se vocêtentarmos usar o código.:

let para = document.getElementsByClassName("Paragrafo")
console.log(para)

O javascript iraJavaScript irá retornar a classclass, mesmo sendo chamadoexecutado antes dela, ou seja, quando o javascript foiJavaScript for executado, assim como o ID, a classclasse ainda não existia assim como o idno DOM. Então, então como rais o javascriptJavaScript consegue retornar a classe  ?

Essa e minha duvida.

OBS.Observação: Sou novo nessa áreaSei que esse problema pode ser resolvido através de eventos específicos como window.onload ou DOMContentLoaded, comecei a estudar programação a 3 mesesmas isso não vem ao caso agora, então me perdoem sejá que a perguntas for meio bestaquestão é saber o motivo de conseguirmos pegar através da classe, mas não através do ID.

Por que a class pode ser pega pelo javascript, mesmo sendo executada apos ele, a o id não?

Estava fazendo uns testes com o JavaScript acabei me deparando com um "fenômeno" interessante, porem não consegui encontrar uma boa explicação para o mesmo em minhas buscas na internet.

Segue o código:

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <title>Documento</title>
        <script src="script.js"></script>
    </head>
    <body>
        <h1>Titulo</h1>
        <p class="Paragrafo" id="ponto">Paragrafo 1</p>
        <p class="Paragrafo" >Paragrafo 2</p>
        <p id="p3">Paragrafo 3</p>
 
        
    </body>
</html> 

Se você tentar pagar o paragrafo(<p>) que possui o id="ponto" usando o seguinte javascript.

let p1 = document.getElementById("ponto")
console.log(p1);

Nos não conseguimos o resultado final sera null, já que o javascript esta sendo carregado antes da criação do paragrafo(<p>) com id="ponto", pois o javascript, neste caso, esta sendo carregado no head, e o paragrafo no body

OBS.: Eu sei que a formas de resolver isso usando algumas funções especificas como window.onload ou DOMContentLoaded, mas isso não vem ao caso agora certo!.

A questão aqui, por que não conseguimos pegar o id, mas conseguimos pegar a class.

sim, se você usar o código.:

let para = document.getElementsByClassName("Paragrafo")
console.log(para)

O javascript ira retornar a class, mesmo sendo chamado antes dela, ou seja, quando o javascript foi executado a class ainda não existia assim como o id, então como rais o javascript consegue retornar a classe  ?

Essa e minha duvida.

OBS.: Sou novo nessa área, comecei a estudar programação a 3 meses, então me perdoem se a perguntas for meio besta.

Por que a classe pode ser pega pelo JavaScript durante o carregamento da página e o ID não?

Estava fazendo uns testes com o JavaScript e acabei me deparando com um "fenômeno" interessante, porém não consegui encontrar uma boa explicação para o explicar.

Segue o código:

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <title>Documento</title>
        <script src="script.js"></script>
    </head>
    <body>
        <h1>Titulo</h1>
        <p class="Paragrafo" id="ponto">Paragrafo 1</p>
        <p class="Paragrafo" >Paragrafo 2</p>
        <p id="p3">Paragrafo 3</p>
    </body>
</html> 

Se você tentar capturar o paragrafo  (<p>) que possui o id="ponto" usando o seguinte JavaScript:

let p1 = document.getElementById("ponto")
console.log(p1);

O resultado será null, já que o JavaScript está sendo carregado antes da criação do parágrafo com id="ponto", tendo em vista que, nesse caso, o script está sendo carregado na head, e o parágrafo, no body.

Por outro lado, se tentarmos usar:

let para = document.getElementsByClassName("Paragrafo")
console.log(para)

O JavaScript irá retornar a class, mesmo sendo executado antes dela, ou seja, quando o JavaScript for executado, assim como o ID, a classe ainda não existia no DOM. Então, como o JavaScript consegue retornar a classe?

Observação: Sei que esse problema pode ser resolvido através de eventos específicos como window.onload ou DOMContentLoaded, mas isso não vem ao caso agora, já que a questão é saber o motivo de conseguirmos pegar através da classe, mas não através do ID.

Fonte Link

Por que a class pode ser pega pelo javascript, mesmo sendo executada apos ele, a o id não?

Estava fazendo uns testes com o JavaScript acabei me deparando com um "fenômeno" interessante, porem não consegui encontrar uma boa explicação para o mesmo em minhas buscas na internet.

Segue o código:

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <title>Documento</title>
        <script src="script.js"></script>
    </head>
    <body>
        <h1>Titulo</h1>
        <p class="Paragrafo" id="ponto">Paragrafo 1</p>
        <p class="Paragrafo" >Paragrafo 2</p>
        <p id="p3">Paragrafo 3</p>

        
    </body>
</html> 

Se você tentar pagar o paragrafo(<p>) que possui o id="ponto" usando o seguinte javascript.

let p1 = document.getElementById("ponto")
console.log(p1);

Nos não conseguimos o resultado final sera null, já que o javascript esta sendo carregado antes da criação do paragrafo(<p>) com id="ponto", pois o javascript, neste caso, esta sendo carregado no head, e o paragrafo no body

OBS.: Eu sei que a formas de resolver isso usando algumas funções especificas como window.onload ou DOMContentLoaded, mas isso não vem ao caso agora certo!.

A questão aqui, por que não conseguimos pegar o id, mas conseguimos pegar a class.

sim, se você usar o código.:

let para = document.getElementsByClassName("Paragrafo")
console.log(para)

O javascript ira retornar a class, mesmo sendo chamado antes dela, ou seja, quando o javascript foi executado a class ainda não existia assim como o id, então como rais o javascript consegue retornar a classe ?

Essa e minha duvida.

OBS.: Sou novo nessa área, comecei a estudar programação a 3 meses, então me perdoem se a perguntas for meio besta.