Como pegar a altura do documento todo com JavaScript (altura da página)

Neste artigo você vai aprender a como pegar a altura do documento todo com JavaScript, ou seja, saber qual é a altura total da página

Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!

Para extrair a altura total do corpo da página vamos precisar acessar o elemento via DOM

Isso pode ser feito através do objeto global document

Nele temos que acessar duas propriedades, primeiramente documentElement

E depois scrollHeight, essa é a que contém o valor que precisamos

Assim basta colocar em uma variável ou utilizar o valor:

const documentHeight = document.documentElement.scrollHeight

console.log(documentHeight)

Veja que aqui criei a variável documentHeight, ela contém o valor que estamos buscando

Em console.log é possível ver um valor numérico com a altura total do documento! 🙂

Conclusão

Neste artigo você aprendeu a como pegar a altura do documento todo com JavaScript

Utilizamos o objeto document e duas de suas propriedades

Com isso recebemos um número, que corresponde ao valor total da altura da página

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos