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