Maison> interface Web> js tutoriel> le corps du texte

Comment obtenir la hauteur des éléments cachés en javascript

青灯夜游
Libérer: 2023-01-11 09:20:36
original
3634 Les gens l'ont consulté

Méthode d'acquisition : 1. Introduisez le fichier jquery ; 2. Utilisez l'instruction "$("#id value")" pour obtenir l'objet élément caché en fonction de la valeur id spécifiée ; )" pour obtenir la hauteur de l'élément caché.

Comment obtenir la hauteur des éléments cachés en javascript

L'environnement d'exploitation de ce tutoriel : système windows7, version javascript1.8.5&&jquery3.1.0, ordinateur Dell G3.

Tout d'abord, dans des circonstances normales, assurez-vous que le div a une hauteur.

nbsp;html>  Document  
子div内容,需要获取我的高度
Copier après la connexion

Comment obtenir la hauteur des éléments cachés en javascript

Lorsque nous ajoutonsstyle="display:none;"à l'élément avec l'identifiant de div, réexécutez le code et le résultat est le suivant :style="display:none;"之后,重新运行代码,结果如下:

Comment obtenir la hauteur des éléments cachés en javascript

可以看到,父div能正常获取值,而子div已经获取不到高度了。

当我们把style="display:none;"改成style="visibility: hidden;"

Comment obtenir la hauteur des éléments cachés en javascript

Vous pouvez voir que le parent div peut obtenir la valeur normalement, et l'enfant div ne peut plus obtenir la hauteur.

Lorsque nous changeonsstyle="display:none;"enstyle="visibility: Hidden;", nous pouvons toujours l'obtenir normalement. Mais la position du div est toujours là.Comment obtenir la hauteur des éléments cachés en javascript

Donc, il existe la solution suivante, utilisez la visibilité pour le masquer, puis déplacez le div vers un endroit invisible en dehors de l'écran.
nbsp;html>  Document  
子div内容,需要获取我的高度
Copier après la connexion
【Apprentissage recommandé : Tutoriel avancé javascript】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!