Cet article décrit comment JS obtient une hauteur div inconnue. Partagez-le pour votre référence, comme suit:
La hauteur de l'élément peut être obtenue via l'attribut ClientHeight de l'élément, comme:
var height = element.clientHeight;
Limites de cette pratique:
1. Si l'attribut d'affichage de l'élément est défini sur aucun, le résultat est 0
2. Dans le navigateur Safari, vous devez utiliser: élément.offheight pour obtenir la hauteur réelle, qui est un bug dans le navigateur Safari.
Ce qui suit est la méthode fournie par le prototype, qui est compatible avec divers navigateurs, et peut également obtenir correctement les tailles des éléments lorsque les éléments sont masqués, pour référence:
getDimensions: fonction (élément) {élément = $ (élément); var affichage = $ (élément) .getStyle ('affichage'); if (display! = 'Aucun' && affichage! = null) // safari bug return {width: element.offsetwidth, height: element.offsetheight}; // toutes les propriétés de largeur et * de hauteur donnent 0 sur des éléments avec non-affichage, // Activez donc l'élément temporairement var els = element.style; var originalVisibility = els.visibilité; var originalPosition = els.position; var originalDisplay = els.display; els.visibilité = 'caché'; els.ose = 'absolue'; els.display = 'block'; var originalwidth = element.clientwidth; var originalHeight = element.clientHeight; els.display = originalDisplay; Els.Position = OriginalPosition; els.visibilité = OriginalVisibilité; return {largeur: Originalwidth, hauteur: originalHeight};}Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.