Método JS para obter uma altura desconhecida de div

Este artigo descreve como o JS obtém uma altura desconhecida de div. Compartilhe -o para sua referência, como segue:

A altura do elemento pode ser obtida através do atributo de peso do cliente do elemento, como:

 var em altura = element.clientHeight;

Limitações desta prática:

1. Se o atributo de exibição do elemento for definido como nenhum, o resultado será 0

2. No navegador Safari, você precisa usar: element.offsetHeight para obter a altura real, que é um bug no navegador Safari.

A seguir, é apresentado o método fornecido pelo Prototype, que é compatível com vários navegadores, e também pode obter corretamente os tamanhos dos elementos quando os elementos estão ocultos, para referência:

 getDimensions: function (element) {element = $ (elemento); Var Display = $ (elemento) .GetStyle ('Display'); if (display! = 'None' && Display! = null) // Safari Bug Return {width: element.offsetWidth, altura: element.offsetheight}; // Todas as propriedades de largura e *altura dão 0 em elementos com exibição nenhum, // Ative o elemento temporariamente var els = element.style; var originalVisibility = els.visibilidade; var originalPosition = els.Position; var originalDisplay = els.display; els.Visibility = 'Hidden'; els.Position = 'Absolute'; els.Display = 'Block'; var originalwidth = element.clientWidth; var originalHeight = element.clientHeight; els.display = originalDisplay; els.Position = OriginalPosition; els.Visibility = OriginalVisibility; Retornar {Width: Originalwidth, Height: OriginalHeight};}

For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Javascript Algoritmos e Técnicas de Traversal "e" Resumo do Uso do Javascript Mathematic Operations "

Espero que este artigo seja útil para a programação JavaScript de todos.