javascript - Comment obtenir la hauteur d'un élément adaptatif en hauteur?

Question

La hauteur de ma boîte d'éléments n'est pas définie et est agrandie par le contenu du sous-ensemble. Comment puis-je obtenir sa hauteur ? Toutes les méthodes telles que la hauteur sont 0. Existe-t-il un moyen d'obtenir la hauteur réelle ?

Answer 1

Vous pouvez attendre un moment avant d'avoir la hauteur du contenu, par exemple comme ceci

        const oBox=document.getElementById(id);
        setTimeout(function(){
            console.log(oBox.scrollHeight)
        },500)

Answer 2

clientHeight, scrollHeight, offsetHeight
innerHeight, externalHeight
En gros, il y en a toujours un qui vous convient

Answer 3

Les valeurs obtenues sont toutes 0 car la hauteur n'est pas définie. Ce que je veux, c'est la hauteur réelle affichée après le chargement de la page Web, y compris les sous-ensembles

.

Answer 4

La première possibilité est que js soit exécuté avant la fin du rendu. . Obtention de 0
La deuxième possibilité est que les éléments enfants soient tous flottants ou positionnés de manière absolue. La couche la plus externe n'a pas de hauteur
La troisième possibilité est que le mauvais élément soit obtenu, le js est-il mal écrit ?

Answer 5

Cela doit être provoqué par l'exécution du code pour obtenir la hauteur avant le rendu de l'élément.